jQuery UI Dialog

（转自：http://www.cnblogs.com/lwme/archive/2012/04/11/jquery-ui-dialog.html）

jQuery UI Dialog是jQuery UI的弹出对话框组件，使用它能够建立各类美观的弹出对话框；它能够设置对话框的标题、内容，而且使对话框能够拖动、调整大小、及关闭；日常主要用来替代浏览嚣自带的alert、confirm、open等方法。

主要参数

jQuery UI Dialog经常使用的参数有：

1. autoOpen：默认true，即dialog方法建立就显示对话框
2. buttons：默认无，用于设置显示的按钮，能够是JSON和Array形式:
1. {"肯定":function(){},"取消":function(){}}
2. [{text:"肯定", click: function(){}},{text:"取消",click:function(){}}]
3. modal：默认false，是否模态对话框，若是设置为true则会建立一个遮罩层把页面其余元素遮住
4. title：标题
5. draggable：是否可手动，默认true
6. resizable：是否可调整大小，默认true
7. width：宽度，默认300
8. height：高度，默认"auto"

其余一些不太经常使用的参数：

1. closeOnEscape：默认true，按esc键关闭对话框
2. show：打开对话框的动画效果
3. hide：关闭对话框的动画效果
4. position：对话框显示的位置，默认"center"，能够设置成字符串或数组：
1. 'center', 'left', 'right', 'top', 'bottom'
2. ['right','top']，经过上面的几个字符串组合(x,y)
3. [350,100]，绝对的数值(x,y)
5. minWidth：默认150，最小宽度
6. minHeight：默认150，最小高度

主要方法

jQuery UI Dialog提供了一些方法来控制对话框，仅列出经常使用的：

1. open：打开对话框
2. close：关闭对话框（经过close不会销毁，还能继续使用）
3. destroy：销毁对话框
4. option：设置参数，即前面列出的参数

 

主要事件

jQuery UI Dialog提供了一些事件，好比打开、关闭对话框的时候作一些额外的事情：

1. open：打开时
2. close：关闭时
3. create：建立时
4. resize：调整大小时
5. drag：拖动时