Изменить размер диалогового окна пользовательского интерфейса jquery с помощью JS?
-
03-07-2019 - |
Вопрос
Еще лучше было бы, если бы autoResize
в последней ветке все будет работать так, как задумано, но до тех пор вопрос прост: как изменить размер диалогового окна после его создания?
Решение
Ответ от is 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 могут обновлять свои свойства с помощью .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
});
Не связан с StackOverflow