iframe+dialog实现对话框为iframe

客官°小女子只卖身不卖艺 2022-08-01 12:29 206阅读 0赞

举例：

具体来讲dialog的参数：

autoOpen ，这个属性为true的时候dialog被调用的时候自动打开dialog窗口。当属性为false的时候，一开始隐藏窗口，知道.dialog("open")的时候才弹出dialog窗口。默认为：true。

buttons 显示一个按钮，并写上按钮的文本，设置按钮点击函数。默认为\{\}，没有按钮。  
$('.selector').dialog(\{ buttons: \{ "Ok": function() \{ $(this).dialog("close"); \} \} \});

draggable、resizable : draggable是否可以使用标题头进行拖动，默认为true，可以拖动;resizable是否可以改变dialog的大小，默认为true，可以改变大小。

width、height ，dialog的宽和高，默认为auto，自动。

maxWidth、maxHeight、minWidth、minHeight ，dialog可改变的最大宽度、最大高度、最小宽度、最小高度。maxWidth、maxHeight的默认为false，为不限。minWidth、 minHeight的默认为150。要使用这些属性需要ui.resizable.js 的支持。

hide、show ，当dialog关闭和打开时候的效果。默认为null，无效果

modal,是否使用模式窗口，模式窗口打开后，页面其他元素将不能点击，直到关闭模式窗口。默认为false不是模式窗口。

title，dialog的标题文字，默认为空。

position ，dialog的显示位置：可以是'center', 'left', 'right', 'top', 'bottom',也可以是top和left的偏移量也可以是一个字符串数组例如\['right','top'\]。

stack 默认值为true，当dialog获得焦点是，dialog将在最上面。

事件：

beforeclose类型dialogbeforeclose ， 当dialog尝试关闭的时候此事件将被触发，如果返回false，那么关闭将被阻止。

close类型：dialogclose ，当dialog被关闭后触发此事件。

open 类型：dialogopen ，当dialog打开时触发。

focus 类型：dialogfocus ，当dialog获得焦点时触发。

dragStart 类型：dragStart，当dialog拖动开始时触发。

drag 类型：drag ，当dialog被拖动时触发。