브라우저 크기가 조정될 때까지 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; 
}); 
});