jquery - 在调整浏览器大小之前，SimpleModal 弹出窗口不会居中

Question

我正在使用SimpleModal插件来弹出一个帖子，但在重新调整浏览器大小之前它不会水平居中。我将顶部位置设置为“0”，但希望它在调用时水平居中。这是我用来激活它的功能。

jQuery(document).ready(function() {
jQuery('a.postpopup').live('click', function(){
            var id = jQuery(this).attr('rel');
    jQuery('<div id="ajax-popup"></div>').hide().appendTo('body').load('http://fameordie.com/ajax-handler/?id='+id).modal({
               opacity:90,
           position: ["0%"],
               overlayClose:true
            });
            return false;
 });
});

Answer 1

如果你想要固定模态使用这个：更好的方法是删除 containerCss 并将顶部和右侧添加到模态 css

对于：上，右：

$(function() {
jQuery('a.postpopup').live('click', function(){
            var id = jQuery(this).attr('rel');
    jQuery('<div id="ajax-popup"></div>').hide().appendTo('body').load('http://fameordie.com/ajax-handler/?id='+id).modal({
               opacity:90,
               autoPosition:false,
           containerCss:{top:12,right:12,display:"none",position:"fixed",zIndex:1002},
               overlayClose:true
            });
            return false;
 });
});

对于顶部，中心：

$(function() {
jQuery('a.postpopup').live('click', function(){
            var id = jQuery(this).attr('rel');
    jQuery('<div id="ajax-popup"></div>').hide().appendTo('body').load('http://fameordie.com/ajax-handler/?id='+id).modal({
               opacity:90,
               position:['0',]
            });
            return false;
 });
});