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

Posted 2021-04-16

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

答案

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

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

另一答案

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

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

另一答案

所有JQuery UI插件都可以使用.data（）更新其属性：

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

另一答案

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

另一答案

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

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