初心始终钰 通过本文主要向大家介绍了jQueryUI,对话框,dialog,js,JavaScript,jQuery等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com
对话框（dialog），是jQuery UI 非常重要的一个功能。它彻底的代替了JavaScript
的alert()、prompt()等方法，也避免了新窗口或页面的繁杂冗余。
一．开启多个dialog
只要设置不同的id 即可实现。
$('#x').dialog();
$('#y').dialog();
二．修改dialog 样式
在弹出的dialog 对话框中，在火狐浏览器中打开Firebug 或者右击->查看
元素。可以看看dialog 的样式，对dialog 的标题背景进行修改。
//无须修改ui 里的CSS，直接用style.css 替代掉
.ui-widget-header {
background:url(../img/xxx.png);
}
三．dialog()方法的属性
对话框方法有两种形式：1.dialog(options)，options 是以对象键值对的形式
传参，每个键值对表示一个选项；2.dialog('action', param)，action 是操作对
话框方法的字符串，param则是options 的某个选项。
| 属性 |
默认值/类型 |
说明 |
| title |
无/字符串 |
对话框的标题，可以直接设置在DOM 元素上 |
| buttons |
无/对象 |
$('#reg').dialog({
title : '注册',
buttons : {
'按钮' : function () {}
}
);
| 属性 |
默认值/类型 |
说明 |
| position |
center/字符串 |
$('#reg').dialog({
position : 'left top'
});
| 属性 |
默认值/类型 |
说明 |
| width |
300/数值 |
对话框的宽度。默认为300，单位是像素。 |
| height |
auto/数值 |
对话框的高度。默认为auto，单位是像素。 |
| minWidth |
150/数值 |
对话框的最小宽度。默认150，单位是像素。 |
| minHeight |
150/数值 |
对话框的最小高度。默认150，单位是像素。 |
| maxWidth |
auto/数值 |
对话框的最大宽度。默认auto，单位是像素。 |
| maxHeight |
auto/数值 |
对话框的最大高度。默认auto，单位是像素。 |
$('#reg').dialog({
height : 500,
width : 500,
minWidth : 300,
minHeight : 300,
maxWidth : 800,
maxHeight : 600
});
| 属性 |
默认值/类型 |
说明 |
| show |
false/布尔值 |
显示对话框时，默认采用淡入效果。 |
| hide |
您可能想查找下面的文章:文章分类 |