Jquery ui jqueryui：自动调整大小时居中

有人能告诉我如何在浏览器调整大小时将其设置为自动居中吗？我知道有很多关于这个问题的答案，但我完全是个业余爱好者。我需要有人为我重写以下代码，请

谢谢

<script type="text/javascript">

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

函数openDialog（url）{
$（“正在加载…”）
.对话({
自动打开：对，
closeOnEscape：没错，
宽度：“900”，
高度：'800'，
莫代尔：是的，
标题：“附加功能”
}).bind（'dialogclose'，function（）{
对话框（'destroy'）；
}).load（url，函数（）{
$（此）.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'] );
            });
    }

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

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

我不太熟悉jdialog或您正在使用的任何插件，但是，您可以绑定到窗口调整大小事件

$(window).bind('resize.dialog', function(e) {
  /* resize dialog */
});

---

如果没有方法调整“jdialog”的大小，您可以每次关闭并重新打开对话框，但这似乎是不可取的。

我理解，谢谢，但您介意将其插入我的代码吗？我真的不知道怎么做。将上面的代码添加到

openDialog

函数的末尾。这样，在创建对话框模式后，只需观看窗口大小调整事件，请参见注释部分：再次感谢！对不起，我没听清楚。）迪恩，请你也看看这个好吗？

$(window).bind('resize.dialog', function(e) {
  /* resize dialog */
});