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) { 
     ... 
    });