SimpleModal在打开时不居中

Question

我正在使用SimpleModal jquery插件。在FireFox中一切正常，但在所有其他浏览器中，模态窗口在首次打开时不会在屏幕上居中。看起来窗口的左上角位于屏幕的中心。一旦我关闭窗口然后重新打开它，或者如果我调整浏览器窗口的大小，它就会正确居中。任何人都知道为什么会这样，以及如何解决它？

Answer 1

好的，我明白了。我必须设置容器的宽度和/或高度。设置containerCss，minHeight，minWidth，maxHeight，maxWidth就可以了。

Answer 2

快速修复：

将其放入doc ready

$(window).resize();

或者你可以做的是寻找这种.resize()函数并将其添加到结束标记。

$(window).resize(function(){
   //.....centering stuff.......
}).resize();
//^-------^---this will resize when doc gets ready and '.resize()' happens

Answer 3

Jquery可以选择位置Jqueru ui position

$('my-selector').dialog('option', 'position', 'center');

来自文档

  

指定对话框的显示位置。对话框将处理   碰撞使得尽可能多的对话框可见。字符串：一个字符串   表示视口中的位置。可能的值：   “中心”，“左”，“右”，“顶部”，“底部”