HTML
<div id="dialog-message" class="hide"> <div class="form-group"> <label class="col-sm-3 control-label no-padding-right" for="form-field-1"> Text Field </label> <div class="col-sm-9"> <input type="text" id="form-field-1" placeholder="Username" class="col-xs-10 col-sm-5" /> </div> </div> <div class="hr hr-12 hr-double"></div> <p> Currently using <b>36% of your storage space</b>. </p> </div>
开始隐藏
点击按钮弹出
function Modify(id) { var grid_selector = "#grid-table"; var model = jQuery(grid_selector).jqGrid('getRowData', id); //alert(model.id); $("#form-field-1").val(model.name); var dialog = $("#dialog-message").removeClass('hide').dialog({ modal: true, height: 330,width:500 , title: "<div class='widget-header widget-header-small'><h4 class='smaller'><i class='ace-icon fa fa-check'></i> jQuery UI Dialog</h4></div>", title_html: true, buttons: [ { text: "Cancel", "class": "btn btn-xs", click: function () { $(this).dialog("close"); } }, { text: "OK", "class": "btn btn-primary btn-xs", click: function () { $(this).dialog("close"); } } ] }); }
注意这里 title设置的是 html所有要重写jqueryui的 title
$.widget("ui.dialog", $.extend({}, $.ui.dialog.prototype, { _title: function (title) { var $title = this.options.title || ' ' if (("title_html" in this.options) && this.options.title_html == true) title.html($title); else title.text($title); } }));
相关推荐
jquery弹出效果实例,展示了jquery对弹出窗口的多个实例,弹出窗口框,弹出框内弹出页面,
Jquery UI dialog 详解 (弹出层) 包含jquery弹出层的详细介绍,以及代码用例
两个版本:一个替换ui close按钮,对三个按钮设立同样css;一个不替换,修改ui的css文件;完美打开多个对话框,并可以分别控制最大最小关闭。jquery文件没有包含进来。
NULL 博文链接:https://taotie119.iteye.com/blog/2075536
JQuery UI 的对话框的一些属性的用法
代码简介:jQuery点击按钮弹出窗口动画特效是一款点击事件弹出窗口特效下载。
jQuery UI dialog 的使用 准备 jQuery 环境 首先,我们创建一个按钮,点击这个按钮的时候,将会弹出一个对话框。 详情内容可以参考文档
jQuery对话框Dialog弹出层插件演示与使用说明
JQuery UI Dialog 弹出框以及清楚数据
NULL 博文链接:https://wufan0023.iteye.com/blog/1446334
基于 jquery 项目中 用到的dialog弹出层 一种弹出层
添加按钮弹出层jqueryui实现,dialog
jQuery UI dialog IE6下处理select框被遮挡jquery.bgiframe.js
jquery ui库jquery ui库jquery ui库jquery ui库jquery ui库jquery ui库jquery ui库jquery ui库jquery ui库jquery ui库jquery ui库jquery ui库jquery ui库jquery ui库
17、Jquery支持自定义弹出窗口插件
NULL 博文链接:https://lishuaishuai.iteye.com/blog/1267230
一个想当漂亮的jquery提示框:jQuery Modal Dialog弹出对话框插件,可用它实现各种的网页提示效果,比如错误提示框、警告框、操作提示框等,暖色调界面,使用方法简单,参考本例所展示的各种提示框生成办法,就可...
里面是经过修改的jquery.ui.dialog.js(版本jQuery UI Dialog 1.8.12),添加了parentElement: 'body',详情查看http://forum.jquery.com/topic/dialog-will-move-its-div-tag-to-body
jQuery_UI全教程之一_dialog以及Datepicker使用说明 jQuery UI全教程之一(dialog的使用教程) 2011-03-15 17:41 jQuery UI目前的版本已经更新到了1.8.7。个人感觉和easyui相比起来,jQuery UI在界面的美观程度和可...
jquery实现弹出窗口,兼容性比较强。