依靠组件
UI Core
Draggable
Resizable
bgiframe
一个浮动的窗口(对话框),里面包含一个标题栏和一个内容区域。对话窗口可以移动,调整大小和关闭。
如果内容的长度超过了最大高度,滚动条会自动出现。
常用的选项可以添加底部按钮栏和半透明的模态叠加层等。
调用 $(foo).dialog() 初始化一个对话框实例,并会自动打开默认的对话框。
如果你想重用一个对话框,最简单的方法是禁用“自动弹出”的选项:$(foo).dialog({ autoOpen: false }) 。 用 $(foo).dialog('open') 来打开对话框。用 $(foo).dialog('close') 关闭它。
禁用(true)或可用(false)对话框。可以在初始化(刚创建)时设置对话框。
true实例化时是否自动显示对话框。设置为 false 时,会等到调用 .dialog("open") 方法才显示。
false设置对话框底部按钮,对象属性名为按钮文本,属性值为单击按钮时的回调函数。
{"确认":function(){$(this).dialog("close");},"取消": function(){$(this).dialog('close');}}设置对话框底部按钮,按需定义按钮的文本和事件。
[{text: "确定",click: function(){$(this).dialog("close"); }},{text: "取消",click: function(){$(this).dialog("close");}}]是否在用户按 ESC 键时关闭对话框。(对话框需拥有输入焦点)
false指定的关闭按钮的文本。请注意,关闭文本默认时隐藏。
'关闭'添加额外的对话框 CSS Class。
"alert"设定对话框是否可拖动。
false设定对话框高度,像素单位。也可以指定"auto",使对话框根据其内容自动调整。
260关闭对话框时使用的特效。
"slide"调整对话框大小时最大高度。
520调整对话框大小时最大宽度。
620调整对话框大小时最小高度。
320调整对话框大小时最小宽度。
220是否为模态窗口,设置为 true 时,页面上其它元素将被覆盖且无法响应用户操作。
true设置对话框显示位置,可选值:"center","left","right","top","bottom",或者数组分别设置水平和垂直位置。 数值偏移([20,30] 相对左上角偏移)或位置(["right","bottom"] 右下角)。
["right","top"]设定对话框是否可以调整大小。
false显示对话框时使用的特效。
"slide"是否可覆盖其它对话框。
false设置对话框标题。可设置为任何有效的HTML标题。标题也可以指定对话框的源元素的title属性。
"请登陆"设定对话框宽度,像素单位。
560设置对话框 CSS z-index 值。
50对话框关闭前执行,返回 false 防止对话框关闭。
打开对话框时执行。
对话框获得焦点时执行。
开始对话框拖动时执行。
拖动对话框时执行。
结束对话框拖动时执行。
开始调整对话框大小时执行。
调整对话框大小时执行。
结束调整对话框大小时执行。
关闭对话框时执行。
显示对话框。
对话框可见时返回 true。
使对话框处于最前方。
关闭对话框。
销毁对话框实例。
禁止操作对话框。
允许操作对话框。
得到对话框属性,传递 value 参数时设置属性。