JQuery 对话框未显示在窗口中央

Question

我正在使用 JQuery1.7.1 和 JQuery UI 1.8.20 库 我还在同一个包中包含了 jquery.ui.position.js。

但是，该对话框并未显示在屏幕中央。 在 IE 8 中显示为 left:0，在 Chrome/FF 中显示在随机位置 我没有指定任何样式。

$("#dialog").dialog({ modal: true, autoOpen: false, height: 'auto', width: 'auto', resizable: false });
$("#dialog").dialog("open");            
$("#dialog").dialog("option", "title", $('#dialog').attr('data-dialog-title'));

知道这里可能出了什么问题吗？

Answer 1

如果您想居中对齐对话框:

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

尝试一下这是否可行..请参阅 docs这里