用JS调整jquery UI对话框的大小？

Question

更好的是，如果最新分支中的 autoResize 能够按预期工作，但在此之前问题很简单：如何在创建对话框后调整对话框的大小？

Answer 1

来自Soviut的答案对于 v1.5是正确的。 1.6 为每个插件添加选项方法：

$(document).ready(function(){
    var d = $("#example").dialog();
    d.dialog("option", "width", 700);
});

Answer 2

$('#dialog').dialog().animate({width: "700px"}, 400);

我用它来动态调整对话框的大小。

Answer 3

所有JQuery UI插件都可以使用.data（）：

更新其属性

$(document).ready(function(){
    var d = $("#example").dialog();
    d.data("width.dialog", 700);
});

Answer 4

但是对话框的内容（.ui-dialog-content）并不适用。

Answer 5

我喜欢在创建时将对话框的大小设置为内容，所以我使用它：

var dlg = $("#dialog");
dlg.dialog( {
    width: 600,
    height: dlg.height() + 100
    });