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);