Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/453.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用JS调整jquery UI对话框的大小?_Javascript_Jquery Ui_Modal Dialog_Jquery Ui Dialog - Fatal编程技术网

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

Javascript 使用JS调整jquery UI对话框的大小?,javascript,jquery-ui,modal-dialog,jquery-ui-dialog,Javascript,Jquery Ui,Modal Dialog,Jquery Ui Dialog,如果最新分支中的自动调整大小能够按预期工作,那就更好了,但在此之前,问题很简单:对话框创建后如何调整其大小?所有JQuery UI插件都可以使用.data()更新其属性: 来自Soviut的答案对于v1.5是正确的。1.6为每个插件添加一个选项方法: $(document).ready(function(){ var d = $("#example").dialog(); d.dialog("option", "width", 700); }); 但是对话框的内容(.ui di

如果最新分支中的
自动调整大小
能够按预期工作,那就更好了,但在此之前,问题很简单:对话框创建后如何调整其大小?所有JQuery UI插件都可以使用.data()更新其属性:


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

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

但是对话框的内容(.ui dialog content)不符合要求。

我希望在创建对话框时将其大小调整为内容大小,因此我使用以下方法:

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

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

我认为在本例中应该删除第一个
dialog()
调用。
var dlg = $("#dialog");
dlg.dialog( {
    width: 600,
    height: dlg.height() + 100
    });
$('#dialog').dialog().animate({width: "700px"}, 400);