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