Jquery ui jqueryui：自动大小和自动中心

现在，我有一个网站，有人为我做的，不幸的是，我被卡住了。我懂一点，但仍然是一个完全的新手。我有我想要的弹出窗口图片，但每当我将高度和宽度设置为“自动”时，框就位于页面底部

我需要它自动调整中心，以及如果可能的话

有人帮我重新创建代码吗？谢谢

<script type="text/javascript">

    function openDialog(url) {
        $("<div class='popupDialog'></div>").load(url)
            .dialog({
                autoOpen: true,
                closeOnEscape: true,
                height: '1012',
                modal: true,
                position: ['center', 'center'],
                title: 'About Ricky',
                width: 690
            }).bind('dialogclose', function() {
                jdialog.dialog('destroy');
            });
    }
</script>

函数openDialog（url）{
$（“”）。加载（url）
.对话({
自动打开：对，
closeOnEscape：没错，
高度：'1012'，
莫代尔：是的，
位置：[“中心”，“中心”]，
标题：“关于瑞奇”，
宽度：690
}).bind（'dialogclose'，function（）{
对话框（'destroy'）；
});
}

您遇到的问题是，当对话框打开时，它是空的，并且位置是计算出来的。然后加载内容，它不会自动重新计算新的中心位置。您需要在onComplete事件处理程序中自己执行此操作。请看下面，我还输入了一些漂亮的加载文本：）

函数openDialog（url）{
$（“正在加载…”）
.对话({
自动打开：对，
closeOnEscape：没错，
高度：'1012'，
莫代尔：是的，
位置：[“中心”，“中心”]，
标题：“关于瑞奇”，
宽度：690
}).bind（'dialogclose'，function（）{
对话框（'destroy'）；
}).load（url，函数（）{
$（此）.dialog（“选项”、“位置”、“中心”、“中心”）；
});
}
$（窗口）。调整大小（函数（）{
$（“.ui对话框内容”）.dialog（“选项”、“位置”、“中心”、“中心”）；
});

非常感谢你，迪恩！我不知道你在说什么，但效果很好。（：当浏览器调整大小时，您能帮我添加一条自动居中线吗？更新了我的答案以包括浏览器调整居中。您在初始化对话框时指定了固定的宽度和高度，因此您实际上不需要在

加载（）的回叫中定位。

。。。

<script type="text/javascript">

    function openDialog(url) {
        $("<div class='popupDialog'>Loading...</div>")
            .dialog({
                autoOpen: true,
                closeOnEscape: true,
                height: '1012',
                modal: true,
                position: ['center', 'center'],
                title: 'About Ricky',
                width: 690
            }).bind('dialogclose', function() {
                jdialog.dialog('destroy');
            }).load(url, function() {
                $(this).dialog("option", "position", ['center', 'center'] );
            });
    }

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