Jquery ui的dialog使用文档

Jquery ui的dialog使用文档

Jquery ui的dialog使用文档概述
一个浮动的窗口，包含标题和内容两部分。可以移动，调整大小，以及关闭图标'×'。如果内容长度超过了对话框内容区域的显示，则会自动出现滚动条。除此之外，还有一些常用的选项，如：添加底部按钮栏、模式窗口屏蔽层等。

·参数（名称 : 参数类型 : 默认值）
autoOpen : Boolean : true
如果设置为true，则默认页面加载完毕后，

就自动弹出对话框；相反则处理hidden状态。


初始：$('.selector').dialog({ autoOpen:

false });
获取：var autoOpen =

$('.selector').dialog('option',

'autoOpen');
设置：$('.selector').dialog('option',

'autoOpen', false);

bgiframe : Boolean : false
如果设置为true，则调用bgiframe插件，用

于修复在IE6浏览器中无法显示于其它控件

（select,flash）之上的问题。
初始：$('.selector').dialog({ bgiframe:

true });
获取：var bgiframe =

$('.selector').dialog('option',

'bgiframe');
设置：$('.selector').dialog('option',

'bgiframe', true);

buttons : Object : { }
为对话框添加相应的按钮及处理函数。
初始：$('.selector').dialog({ buttons:

{ "Ok": function() { $(this).dialog

("close"); } } });
获取：var buttons =

$('.selector').dialog('option',

'buttons');
设置：$('.selector').dialog('option',

'buttons', { "Ok": function() {

$(this).dialog("close"); } });

closeOnEscape : Boolean : true
设置当对话框打开的时候，用户按ESC键是否

关闭对话框。
初始：$('.selector').dialog({

closeOnEscape: false });
获取：var closeOnEscape =

$('.selector').dialog('option',

'closeOnEscape');
设置：$('.selector').dialog('option',

'closeOnEscape', false);

dialogClass : String : ''
设置指定的类名称，它将显示于对话框的标

题处。
初始：$('.selector').dialog({

dialogClass: 'alert' });
获取：var dialogClass =

$('.selector').dialog('option',

'dialogClass');
设置：$('.selector').dialog('option',

'dialogClass', 'alert');

draggable : Boolean : true
如果设置为true，则允许拖动对话框的标题

栏移动窗口。
初始：$('.selector').dialog({

draggable: false });
获取：var draggable =

$('.selector').dialog('option',

'draggable');
设置：$('.selector').dialog('option',

'draggable', false);

height : Number : 'auto'
设置对话框的高度（单位：像素）。
初始：$('.selector').dialog({ height:

530 });
获取：var height =

$('.selector').dialog('option',

'height');
设置：$('.selector').dialog('option',

'height', 530);

hide : String : null
使对话框

第1页下一页