ブラウザのサイズが変更されるまで、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; 
}); 
});