Jquery UI中 Dialog对象的作用及常用属性

HTML 作用？

标签主要表现的作用还是语义，表示该元素是一个对话框。而对于它的样式可能不被使用，因为人们对对话框和窗口的样式都有很高的要求。单凭这个标签的样式效果是达不到要求的，还是得使用css和JavaScript来实现更好的显示效果。

1.目前只有 Chrome 和 Safari 6 支持 标签。
2. 内容
说明：标签有一个open属性，用来规定该元素是有效的，用户可以与它进行交互；
JQuery UI 页面中Dialog对象的属性：

1.autoOpen: false,
是否创建就打开对话框，也就是是否页面一打开就显示对话框，false值表示不显示，true值显示
2.bgiframe:true,
是否需要解决无法覆盖IE6 select 元素无法被覆盖的bug
就是在IE6下 div无法覆盖 是否使用那该属性解决
3. width: 600,
设置对话框宽度
4. height: 260,
设置对话框高度
5.设置对话框底部的按钮
buttons: {
确定": function() {
单击按钮后的回调函数，就是按钮被单击后的响应事件
$(this).dialog(“close”);
}
“取消”: function() {
$(this).dialog(“close”);
}
},
6.是否为对话框添加ESC快捷键
closeOnEscape: false,
7.对话框是否可以被拖动
draggable:false,
8.打开对话框时是否使用特效
show:“slide”,
9.关闭对话框时是否使用特效动画
hide: “slide”,
10.是否可以调整对话框的大小
resizable:false,
11.调整对话框的高度和宽度极限值(当resizable:true时)
maxHeight:520
maxWidth:620
minHeight:320
minWidth:220
12.是否为模态窗口，设置为 true 时，页面上其它元素将被覆盖且无法响应用户操作。也就是无法再主界面上进行其他操作
modal:true,
13.是否可覆盖其它对话框
tack:false
14.对话框标题(也可以再div的title上进行设置)
title:“请登陆”

15.对话框的打开连接 ，例如：
$(’#helpdialog_link’).click(function(){
$(’#helpdialog’).dialog(‘open’);
return false;
});