jQuery对话框调整大小事件

Question

我有一个对话框，其中包含一个第三方插件（jqGrid）。 我希望在调整大小对话框时自动调整jqGrid的大小。我还希望这个对话框是width:'auto'，因为可能会有其他内容增加。

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

http://jsfiddle.net/LfpC7/

您是否知道是否可能捕获由于width:'auto'而调整对话框大小时的事件？

谢谢

- user1044169

Answer 1

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

当对话框被调整大小时，将触发此事件。示例代码

作为初始化选项，提供回调函数来处理调整大小事件。

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

通过类型 dialogresize 绑定到 resize 事件。

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

- Snake Eyes