Изменить размер диалогового окна пользовательского интерфейса jquery с помощью JS?

StackOverflow https://stackoverflow.com/questions/410819

Вопрос

Еще лучше было бы, если бы 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
    });
Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top