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并将top和right添加到modal css中

for：top，right：

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

代表top，center：

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

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

1 个答案: