jquery - jQuery 对话框调整大小事件

Question

我有一个托管 3rd 方插件 (jqGrid) 的对话框。我希望在jqGrid调整对话框大小时自动调整大小。我也希望有这个对话框，width: 'auto'因为还有一些其他的内容可能会增长。

当对话框因内容而调整大小时，我不会dialogresize触发事件。这是一个示例——手动调整对话框的大小会导致dialogresize事件触发，但单击按钮不会触发dialogresize，即使对话框调整了大小：

http://jsfiddle.net/LfpC7/

你知道当对话框调整大小时是否有可能捕获事件width: 'auto'？

谢谢

Answer 1

您可以使用 jQuery UI 对话的resize事件。

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

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

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

按类型绑定到调整大小事件：dialogresize。

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