jquery ui（3）弹出窗口

jquery ui（三）弹出窗口
? ? ? ? ? buttons: { "Ok": function() { $(this).dialog("close"); } } ?
? ? ? ? });
? ?});
?

?参数?默认值?作用?autoOpen?true

?是否自动打开dialog窗口。当属性为false的时候，一开始隐藏窗口，

?直到.dialog(“open”)的时候才弹出dialog窗口

?buttons?{}?显示一个按钮，并写上按钮的文本，设置按钮点击函数?closeOnEscpe?true?是否点击键盘ESC键关闭dialog?dialogClass?null?为窗口加上的class属性

?diaggable

?resizable

?true?是否能拖动、缩放 （必须加载相应的js）

?width

?height

?auto?窗口的长宽

?maxWidth

?maxHeight

?null

?长宽的最大值

?minWidth

?minHeight

?150

?长宽的最小值

?hide

?show

?null

?当dialog关闭和打开时候的效果。（必须加载相应的jquery.effects.xx.js）

?效果有：blind,bounce,clip,drop,explode,fade,fold,

????????
highlight,pulsate,puff,slide,scale,size,shake,transfer

?modal?false?是否使用模式窗口，模式窗口打开后，页面其他元素将不能点击，直到关闭模式窗口?title?null?dialog的标题文字?position?center

?dialog的显示位置：可以是’center’, ‘left’, ‘right’,
‘top’, ‘bottom’,

???????????????
?也可以是top和left的偏移量,

?????????????
??
也可以是一个字符串数组例如['right','top']。

?zIndex?1000?dialog的zindex值?stack?true?是否在dialog获得焦点是，dialog将在最上面?bgiframe?false?在IE6下，让后面那个灰屏盖住select(需要调用jquery.bgiframe.js)?disabled?false?当为true是，关掉这个dialog

示例代码如下：

;

三、其他相关联文章

1、jquery ui（一）简介
2、jquery ui（二）拖拽 draggable和droppable
3、jquery ui（三）弹出窗口 dialog
4、jquery ui（四）进度条 progressbar
5、jquery ui（五）日期选择器 datepicker

查看更多 下一篇