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

Question

更好的情况是如果最新分支中的autoResize能够正常工作，但在那之前，问题很简单：如何在创建对话框后调整其大小？

- pentarim

Answer 1

Soviut的回答对于v1.5是正确的。在v1.6中，每个插件都添加了一个option方法：

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

- rdworth

---

我认为在这个例子中应该删除第一个 dialog() 调用。 - Med

Answer 2

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

我曾使用这个来动态调整对话框大小。

- JNB

Answer 3

所有的jQuery UI插件都可以使用.data()方法更新其属性：

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

- Soviut

Answer 4

但是对话框的内容（.ui-dialog-content）并不相应更改。

- liebezeit

Answer 5

我喜欢在创建对话框时将其大小调整为内容，因此我使用以下代码：

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

- Paul Alexander