javascript - 如何使 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/