通过本文主要向大家介绍了弹出对话框等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com
主要参数
jQuery UI Dialog常用的参数有：
1、autoOpen：默认true，即dialog方法创建就显示对话框
2、buttons：默认无，用于设置显示的按钮，可以是JSON和Array形式:
{"确定":function(){},"取消":function(){}}
[{text:"确定", click: function(){}},{text:"取消",click:function(){}}]
3、modal：默认false，是否模态对话框，如果设置为true则会创建一个遮罩层把页面其他元素遮住
4、title：标题
5、draggable：是否可手动，默认true
6、resizable：是否可调整大小，默认true
7、width：宽度，默认300
8、height：高度，默认"auto"
其他一些不太常用的参数：
1、closeOnEscape：默认true，按esc键关闭对话框
2、show：打开对话框的动画效果
3、hide：关闭对话框的动画效果
4、position：对话框显示的位置，默认"center"，可以设置成字符串或数组：
'center', 'left', 'right', 'top', 'bottom'
['right','top']，通过上面的几个字符串组合(x,y)
[350,100]，绝对的数值(x,y)
5、minWidth：默认150，最小宽度
6、minHeight：默认150，最小高度
使用方法：
出处：http://lwme.cnblogs.com/
jQuery UI Dialog常用的参数有：
1、autoOpen：默认true，即dialog方法创建就显示对话框
2、buttons：默认无，用于设置显示的按钮，可以是JSON和Array形式:
{"确定":function(){},"取消":function(){}}
[{text:"确定", click: function(){}},{text:"取消",click:function(){}}]
3、modal：默认false，是否模态对话框，如果设置为true则会创建一个遮罩层把页面其他元素遮住
4、title：标题
5、draggable：是否可手动，默认true
6、resizable：是否可调整大小，默认true
7、width：宽度，默认300
8、height：高度，默认"auto"
其他一些不太常用的参数：
1、closeOnEscape：默认true，按esc键关闭对话框
2、show：打开对话框的动画效果
3、hide：关闭对话框的动画效果
4、position：对话框显示的位置，默认"center"，可以设置成字符串或数组：
'center', 'left', 'right', 'top', 'bottom'
['right','top']，通过上面的几个字符串组合(x,y)
[350,100]，绝对的数值(x,y)
5、minWidth：默认150，最小宽度
6、minHeight：默认150，最小高度
使用方法：
出处：http://lwme.cnblogs.com/