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

Question

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

Answer 1

来自Soviut的答案是正确的v1.5. 1.6为每个插件添加option方法：

$(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
    });