jQuery Модальное окно, которое изменяет размер при загрузке нового контента

Question

Я начинаю с jQuery, и мне нужно модальное окно, которое содержит форму обзора. После отправки формы с использованием AJAX сервер вернет сообщение о состоянии, которое будет отображаться в модальном окне. Как я могу изменить размер модального окна (от большого окна для хранения формы обзора до маленького, которое просто соответствует сообщению о состоянии)?

Какие-нибудь рекомендуемые плагины / учебники по этому поводу? Является ли использование плагина лучшим способом начать?

Answer 1

Одно предостережение о настройке width и height в auto заключается в том, что когда размер диалогового окна больше, чем у вашего контента, он растягивается. Я обнаружил, что настройка maxHeight и / или maxWidth помогает контролировать это. Одна проблема с maxHeight заключается в том, что она иногда не работает! К счастью, существует простой обходной путь:

$(".dialog").dialog({
    open: function(event, ui) {
        $(this).css({'max-height': 400, 'overflow-y': 'auto'}); 
    },
    ...
});

Answer 2

Вы можете попробовать диалог jQuery ui со свойствами "width" и "height", установленными в "auto"