JQuery对话框没有出现在窗口的中心

时间:2013-08-04 14:02:49

标签: jquery jquery-ui dialog position

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

但是,对话框未显示在屏幕中央。 它显示在左侧:IE 8中为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'));

知道这里可能出现什么问题?

1 个答案:

答案 0 :(得分:4)

如果要在对话框中居中对齐:

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

尝试这是否有效..请在此处docs