jQuery对话框调整大小事件

Question

我有一个托管第三方插件（jqGrid）的对话框。我希望jqGrid在调整对话框大小时自动调整大小。我还希望将此对话框设为width: 'auto'，因为还有其他一些内容可能会增长。

当对话框由于内容而调整大小时，我没有触发dialogresize事件。下面是一个示例 - 手动调整对话框大小会导致dialogresize事件触发，但单击该按钮不会触发dialogresize，即使对话框已调整大小：

http://jsfiddle.net/LfpC7/

您是否知道在width: 'auto'对话框调整对话框时是否可以捕获事件？

由于

Answer 1

您可以使用jQuery UI对话resize event。

调整对话框大小时会触发此事件。演示 代码示例

提供一个回调函数来处理resize事件作为init选项。

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

按类型绑定到resize事件：dialogresize。

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