如何将jquery对话框居中显示在浏览器当前可视区域的中心？

Question

我可以使用默认位置居中对话，默认位置是页面的正中心。但是，当页面高度比浏览器窗口长时，当对话框首次打开时，它会将整个页面滚动回中心。

我想将对话框预设为相对于屏幕而不是页面的中心。

我相信这是我用它来初始化它：

dialogDiv.dialog(
{
    title: "Edit Rating",
    width: 'auto',
    height: 'auto',
    modal: true,
    resizable: false
}); 

Answer 1

我认为可能不需要太多努力。

$("#dialog").dialog();

根据这篇文章，它默认为中心：

http://jqueryui.com/dialog/#default

我也试过这个并且工作

这更好：

$("#myDialog").position({
my: "center",
at: "center",
of: window
});

示例代码：http://jqueryui.com/demos/position/

Answer 2

    $("#dialog").dialog("option", "position", "center")