Лучше было бы, если бы autoResize
в последней ветке работало по назначению, но до этого вопрос прост: как изменить размер диалогового окна после его создания?
Изменение размера диалогового окна пользовательского интерфейса jquery с JS?
Ответ 1
Ответ от Soviut правильный для v1.5. 1.6
добавляет метод option
для каждого плагина:
$(document).ready(function(){
var d = $("#example").dialog();
d.dialog("option", "width", 700);
});
Ответ 2
$('#dialog').dialog().animate({width: "700px"}, 400);
Я использовал это для динамического изменения диалогов.
Ответ 3
Все плагины JQuery UI могут обновлять свои свойства с помощью .data():
$(document).ready(function(){
var d = $("#example").dialog();
d.data("width.dialog", 700);
});
Ответ 4
Но содержимое диалогового окна (.ui-dialog-content) не следует.
Ответ 5
Мне нравится иметь диалоговое окно размером до содержимого при его создании, поэтому я использую это:
var dlg = $("#dialog");
dlg.dialog( {
width: 600,
height: dlg.height() + 100
});