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：拖动时