Javascript jQuery UI覆盖重复修复“自动”维度

不久前，我遇到了弹出对话框的问题，弹出对话框的高度超出了背景。半透明的覆盖物停在中间，下面的东西都是黑色的。我的朋友帮我修的。他说,

对于对话框问题，我使用900px表示宽度和高度。单纯使用CSS无法完成修复，因为调用javascript显示对话框时，值最终会被覆盖。我们需要做的是在打开/创建对话框后，根据页面尺寸调整背景覆盖的大小。您可以在index.html中看到这一特性

不幸的是，当宽度和高度设置为“自动”时，此修复不适用

有人能帮我吗？谢谢

   $("<div class='popupDialog'>Loading...</div>")
        .dialog({
            autoOpen: true,
            closeOnEscape: true,
            width: '900',
            height: '900',
            modal: true,
            title: 'Bonus Features',
            beforeClose: function(){   $(this).remove();   }
        }).load(url, function() {
            $(this).dialog("option", "position", ['center', 'center'] );
        });


        adjustJQueryDialogOverlay();
    }

    $(window).resize(function() {
        $(".ui-dialog-content").dialog("option", "position", ['center', 'center']);
    });

---

你有这个问题的工作实例吗，也许是JSFIDLE？我甚至不知道怎么做。他添加了调整jquerydialogoverlay；不过，对于非自动修复。

function openDialog(url) {
    $("<div class='popupDialog'>Loading...</div>")
        .dialog({
            autoOpen: false,
            closeOnEscape: true,
            width: '900',
            height: 'auto',
            modal: true,
            title: 'Bonus Features',
        }).bind('dialogclose', function() {
            jdialog.dialog('destroy');
        }).load(url, function() {
            $(this).dialog("option", "position", ['center', 'center'] ).bind('dialogopen', function() {
                    adjustJQueryDialogOverlay();
                });
                $(this).dialog("open");
        });
}

$(window).resize(function() {
    $(".ui-dialog-content").dialog("option", "position", ['center', 'center']);
});