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：拖動時