Jquery UI dialog 详解 (中文).docVIP

1 属性 1.11 autoOpen ，这个属性为true的时候dialog被调用的时候自动打开dialog窗口。当属性为false的时候，一开始隐藏窗口，知道.dialog(open)的时候才弹出dialog窗口。默认为：true。 1.12 初始化例：请注意，$(.selector)是dialog 的类名，在本例中.selector=#dialoag,以后不再说明。$(.selector).dialog({ autoOpen: false }); 1.13 初始化后，得到和设置此属性例： //获得 var autoOpen = $(.selector).dialog(option, autoOpen); //设置 $(.selector).dialog(option, autoOpen, false); ? 1.21 bgiframe 默认为false ，When true, the bgiframe plugin will be used, to fix the issue in IE6 where select boxes show on top of other elements, regardless of zIndex. Requires including the bgiframe plugin. Future versions may not require a separate plugin. 在IE6下，让后面那个灰屏盖住select。 1.22 初始化例： $(.selector).dialog({ bgiframe: true }); 1.23 初始化后，得到和设置： //获取 var bgiframe = $(.selector).dialog(option, bgiframe); //设置 $(.selector).dialog(option, bgiframe, true); ? 1.31 buttons 显示一个按钮，并写上按钮的文本，设置按钮点击函数。默认为{}，没有按钮。 最上面的例子中已经有buttons属性的用法，请注意。 1.32 初始化例： $(.selector).dialog({ buttons: { Ok: function() { $(this).dialog(close); } } }); 1.33 初始化后，得到和设置： //获取 var buttons = $(.selector).dialog(option, buttons); //设置 $(.selector).dialog(option, buttons, { Ok: function() { $(this).dialog(close); } }); ? 1.41 closeOnEscape 为true的时候，点击键盘ESC键关闭dialog，默认为true； 1.42 初始化例： $(.selector).dialog({ closeOnEscape: false }); 1.43 初始化后，得到和设置： //获取 var closeOnEscape = $(.selector).dialog(option, closeOnEscape); //设置 $(.selector).dialog(option, closeOnEscape, false); ? 1.51 dialogClass 类型将被添加到dialog，默认为空 1.52 初始化例： $(.selector).dialog({ dialogClass: alert }); 1.53 初始化后，得到和设置： //获取 var dialogClass = $(.selector).dialog(option, dialogClass); //设置 $(.selector).dialog(option, dialogClass, alert); ? 1.61 draggable、resizable : draggable是否可以使用标题头进行拖动，默认为true，可以拖动;resizable是否可以改变dialog的大小，默认为true，可以改变大小。 1.62 初始化例： $(.selector).dialog({ draggable: false,resizable:false }); 1.63 初始化后，得到和设置： //获取 var draggable = $(.selector).dialog(option, draggable); //设置 $(.selector).dialog(option, draggable, false); ? 1.71 width、height ，dialog的宽和高，默认为auto，自动。 1.72 初始化例：