0

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

1 に答える 1

0

固定モーダルが必要な場合は、これを使用してください。より良い方法は、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;
 });
});
于 2012-05-07T12:26:05.400 に答える