Обновление содержимого диалога jquery-ui после изменения размера программы до полного экрана - PullRequest
Новая
       23

Обновление содержимого диалога jquery-ui после изменения размера программы до полного экрана

0 голосов
/ 06 декабря 2018

Я пытаюсь реализовать полноэкранную кнопку в диалоге jquery-ui.Вот как я инициализирую диалоговое окно. 

$( "#popup" ).dialog({
    closeOnEscape: false,
    autoOpen: false,
    height: 530,
    width: 840,
    modal: true,
    close: function() { $('div#popup').html(''); }
});

Я сделал кнопку «Полный экран» в диалоговом окне, которое вызывает эту функцию. 

function goFullScreen() {
    $("#popup").parent().css({
        'width': '100%',
        'height': '100%',
        'left': '0px',
        'top':'0px'
    });
}

Диалог изменяет размер, чтобы заполнить браузеробласть отображения, но содержимое диалога не обновляется.Вертикальная полоса прокрутки имеет исходную длину, а ранее скрытые материалы остаются скрытыми, а остальная часть области отображения остается пустой.Мой вопрос заключается в том, как обновить содержимое диалога.

Я попробовал следующие подходы, но ни один из них не сработал: (1) вызвать событие изменения размера, (2) удалить html-материалы из диалогового окна div иположить его обратно, (2) закрывая и затем открывая диалог.Любой совет будет очень признателен!

...