打开前查找 jQueryUI 对话框大小

Question

如何找到 jQueryUI 对话框打开前的高度？

请查看https://jsfiddle.net/kamLrn7v/，点击"Size"，然后点击"Open"，然后再次点击"Size"。

<div id="dialog"></div>
<button id="open">Open</button>
<button id="size">Size</button>

$("#open").click(function () {
    $("#dialog").dialog("open");
});
$("#dialog").dialog({
    autoOpen: false,
    height: 340,
    width: 430
});
$("#size").click(function () {
    console.log($("#dialog").height());
});

Answer 1

获取对话框选项：

$("#size").click(function () {
    var options = $("#dialog").dialog("option");
    console.log(options.height);
    console.log(options.width);
});

勾选这个fiddle

Answer 2

您可以像这样访问对话框 height 设置：

var diaHeight = $("#dialog").dialog("option", "height");

使用 css 和附加的 div 标记，您可以设置 ui-dialog 滚动行为，而无需事先知道对话框的高度。但是，您需要将内容加载到嵌套元素中（如果您采用该路线）。

Here is a fiddle

打开前查找 jQueryUI 对话框大小

Find jQueryUI dialog size before opened

javascript

jquery

jquery-ui

jquery-ui-dialog