jQuery對話框調整大小事件

Question

我有一個對話框，承載第三方插件（jqGrid）。當對話框調整大小時，我想讓jqGrid自動調整大小。我也想讓這個對話框成爲width: 'auto'，因爲還有一些其他內容可能會增長。

當對話由於內容而調整大小時，我不會觸發dialogresize事件。下面是一個例子 - 調整大小的對話框中手動使dialogresize事件觸發，但點擊按鈕不會觸發dialogresize，即使對話框調整：

http://jsfiddle.net/LfpC7/

你知道，如果有可能趕上當對話框由於width: 'auto'而調整大小時發生的事件？

感謝

Answer 1

您可以使用jQuery UI對話的resize event做。

調整對話框大小時會觸發此事件。 demo 代碼示例

提供一個回調函數來處理作爲init選項的resize事件。

$(".selector").dialog({ 
     resize: function(event, ui) { ... } 
    }); 

按類型綁定到resize事件：dialogresize。

$(".selector").bind("dialogresize", function(event, ui) { 
     ... 
    });