JQuery dialog 参数说明

属性             类型                      默认值

autoOpen         Boolean                   true

实例化时是否自动显示对话框。设置为 false 时，使用 open 方法显示对话框。

false

代码示例

创建实例时设置属性值

$(".class").dialog({autoOpen:false});

实例化后得到属性值

var autoOpen = $("#id").dialog("option","autoOpen");

实例化后设置属性值

$("#id").dialog("option","autoOpen",false);

bgiframe                 Boolean                        false

是否使用 bgiframe 插件解决 IE6 下无法遮盖 select 元素问题。

true

代码示例

创建实例时设置属性值

$(".class").dialog({bgiframe:true});

实例化后得到属性值

var bgiframe =$("#id").dialog("option","bgiframe");

实例化后设置属性值

$("#id").dialog("option","bgiframe",true);

Buttons  Object {}

设置对话框底部按钮，对象属性名为按钮文本，属性值为单击按钮时的回调函数。

{"确认":function(){$(this).dialog("close"); }}

代码示例

创建实例时设置属性值

$(".class").dialog({buttons:{"确认":function(){ $(this).dialog("close");}}});

实例化后得到属性值

var buttons =$("#id").dialog("option","buttons");

实例化后设置属性值

$("#id").dialog("option","buttons",{"确认":function(){ $(this).dialog("close");}});

closeOnEscape                Boolean               true

是否在用户按 ESC 键时关闭对话框。（对话框需拥有输入焦点）

false

代码示例

创建实例时设置属性值

$(".class").dialog({closeOnEscape:false});

实例化后得到属性值

var closeOnEscape =$("#id").dialog("option","closeOnEscape");

实例化后设置属性值

$("#id").dialog("option","closeOnEscape",false);

dialogClass    String""

添加额外的对话框 CSS Class。

"alert"

代码示例

创建实例时设置属性值

$(".class").dialog({dialogClass:"alert"});

实例化后得到属性值

var dialogClass =$("#id").dialog("option","dialogClass");

实例化后设置属性值

$("#id").dialog("option","dialogClass","alert");

draggable Boolean true

设定对话框是否可拖动。

false

代码示例

创建实例时设置属性值

$(".class").dialog({draggable:false});

实例化后得到属性值

var draggable =$("#id").dialog("option","draggable");

实例化后设置属性值

$("#id").dialog("option","draggable",false);

height Number "auto"

设定对话框高度，像素单位。

260

代码示例

创建实例时设置属性值

$(".class").dialog({height:260});

实例化后得到属性值

var height =$("#id").dialog("option","height");

实例化后设置属性值

$("#id").dialog("option","height",260);

hide String null

关闭对话框时使用的特效。

"slide"

代码示例

创建实例时设置属性值

$(".class").dialog({hide:"slide"});

实例化后得到属性值

var hide =$("#id").dialog("option","hide");

实例化后设置属性值

$("#id").dialog("option","hide","slide");

maxHeight Number false

调整对话框大小时最大高度。

520

代码示例

创建实例时设置属性值

$(".class").dialog({maxHeight:520});

实例化后得到属性值

var maxHeight =$("#id").dialog("option","maxHeight");

实例化后设置属性值

$("#id").dialog("option","maxHeight",520);

maxWidth Number false

调整对话框大小时最大宽度。

620

代码示例

创建实例时设置属性值

$(".class").dialog({maxWidth:620});

实例化后得到属性值

var maxWidth =$("#id").dialog("option","maxWidth");

实例化后设置属性值

$("#id").dialog("option","maxWidth",620);

minHeight Number false

调整对话框大小时最小高度。

320

代码示例

创建实例时设置属性值

$(".class").dialog({minHeight:320});

实例化后得到属性值

var minHeight =$("#id").dialog("option","minHeight");

实例化后设置属性值

$("#id").dialog("option","minHeight",320);

minWidth Number false

调整对话框大小时最小宽度。

220

代码示例

创建实例时设置属性值

$(".class").dialog({minWidth:220});

实例化后得到属性值

var minWidth =$("#id").dialog("option","minWidth");

实例化后设置属性值

$("#id").dialog("option","minWidth",220);

modal Boolean false

是否为模态窗口，设置为 true 时，页面上其它元素将被覆盖且无法响应用户操作。

true

代码示例

创建实例时设置属性值

$(".class").dialog({modal:true});

实例化后得到属性值

var modal =$("#id").dialog("option","modal");

实例化后设置属性值

$("#id").dialog("option","modal",true);

position String/Array "center"

设置对话框显示位置，可选值："center","left","right","top","bottom"，或者数组分别设置水平和垂直位置。数值偏移([20,30] 相对左上角便宜)或位置(["right","bottom"]右下角)。

["right","top"]

代码示例

创建实例时设置属性值

$(".class").dialog({position:["right","top"]});

实例化后得到属性值

var position =$("#id").dialog("option","position");

实例化后设置属性值

$("#id").dialog("option","position",["right","top"]);

resizable Boolean true

设定对话框是否可以调整大小。

false

代码示例

创建实例时设置属性值

$(".class").dialog({resizable:false});

实例化后得到属性值

var resizable =$("#id").dialog("option","resizable");

实例化后设置属性值

$("#id").dialog("option","resizable",false);

show String null

显示对话框时使用的特效。

"slide"

代码示例

创建实例时设置属性值

$(".class").dialog({show:"slide"});

实例化后得到属性值

var show =$("#id").dialog("option","show");

实例化后设置属性值

$("#id").dialog("option","show","slide");

stack Boolean true

是否可覆盖其它对话框。

false

代码示例

创建实例时设置属性值

$(".class").dialog({stack:false});

实例化后得到属性值

var stack = $("#id").dialog("option","stack");

实例化后设置属性值

$("#id").dialog("option","stack",false);

title String ""

设置对话框标题。

"请登陆"

代码示例

创建实例时设置属性值

$(".class").dialog({title:"请登陆"});

实例化后得到属性值

var title =$("#id").dialog("option","title");

实例化后设置属性值

$("#id").dialog("option","title","请登陆");

width Number "auto"

设定对话框宽度，像素单位。

560

代码示例

创建实例时设置属性值

$(".class").dialog({width:560});

实例化后得到属性值

var width =$("#id").dialog("option","width");

实例化后设置属性值

$("#id").dialog("option","width",560);

zIndex Integer 1000

设置对话框 CSS z-index 值。

50

代码示例

创建实例时设置属性值

$(".class").dialog({zIndex:50});

实例化后得到属性值

var zIndex =$("#id").dialog("option","zIndex");

实例化后设置属性值

$("#id").dialog("option","zIndex",50);