SimpleModal popup在瀏覽器調整大小之前不會居中

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; 
}); 
});