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

Question

Я пытаюсь реализовать полноэкранную кнопку в диалоге 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) закрыть и затем открыть диалоговое окно. Любой совет будет очень признателен!