程序化调整为全屏后，更新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）从对话框div中删除html材质并将其放回去，（2）关闭然后打开对话框。任何建议将不胜感激！