javascript - 打开前查找 jQueryUI 对话框大小

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