jquery - 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 位置

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

来自文档

指定应显示对话框的位置。该对话框将处理冲突，以便尽可能多地显示对话框。String：表示视口内位置的字符串。可能的值：“center”、“left”、“right”、“top”、“bottom”

.