JQuery 对话框 Div 高度

发布于 2024-08-19 01:55:02 字数 259 浏览 6 评论 0原文

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

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

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

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

有什么想法吗？

原文

I am trying to get the height of a JQuery UI's dialog's div once opened, so that I can set the parent's iframe height dynamically.

However it seems to be returning me the height of the div before the footer button panel and title panel are added. The height for the dialog is set to "auto";

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

I have tried, outerHeight and offset Height aswell, but get similar results.

Any ideas?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

梦境 2024-08-26 01:55:02

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

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

您可能仍然需要使用 outerHeight 但重要的部分是 closest 它将获取对话框的外部对话框包装器。

如果您的代码开始时如下所示：

<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>

The div you call .dialog() on is actually embedded into another framework of divs that make up the actual jQuery UI Dialog that displays. What you will want to call is this:

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

You also may still need to play with outerHeight but the important part is the closest which will get the outer dialog wrapper for the Dialog.

If your code looked like this to start:

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

After calling .dialog({ options }) it will look like this (Very simplified):

<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>

回复收藏 0 原文

~没有更多了~