Question

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

请参阅https://jsfiddle.net/kamLrn7v/，点击“尺寸”，然后点击“打开”，再点击“尺寸”。

<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对话框大小

2 个答案: