javascript - JQuery 对话框 Div 高度

Question

我正在尝试获取 JQuery UI 对话框的 div 打开后的高度，以便我可以动态设置父级的 iframe 高度。

但是，在添加页脚按钮面板和标题面板之前，它似乎返回了 div 的高度。对话框的高度设置为“自动”；

$(this).height($('#dialogdiv').height());

我也尝试过 outerHeight 和 offset Height，但得到的结果相似。

有什么想法吗？

Answer 1

您调用 .dialog() 的 div 实际上嵌入到另一个 div 框架中，该框架构成显示的实际 jQuery UI 对话框。您要调用的是:

$(this).height( $('#dialogdiv').closest('.ui-dialog').height());

您可能还需要使用 outerHeight，但重要的部分是 closest，它将获得 Dialog 的外部对话框包装器。

如果您的代码看起来像这样开始:

<div id="dialogdiv"> Contents....</div>

在调用 .dialog({ options }) 之后它看起来像这样(非常简单):

<div class="ui-dialog ...">
   <div class="ui-dialog-titlebar ..."> ... </div>
   <div id="dialogdiv" class="ui-dialog-content ..."> Contents....</div>
   <div class="ui-dialog-buttonpane ..."> ... </div>
</div>