jQuery 对话框调整大小事件

Question

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

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

http://jsfiddle.net/LfpC7/

您知道当对话框因 width: 'auto' 而调整大小时是否可以捕获该事件吗？

谢谢

Answer 1

您可以使用 jQuery UI 对话的 resize event 来完成.

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

提供回调函数来处理调整大小事件作为 init 选项。

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

通过类型绑定(bind)到调整大小事件:dialogresize。

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