1

リンクのいくつかのポップアップを作成しようとしています(.aj_load) ここに私のコードがあります

$('.aj_load').live('click' , function(e){

    $('#aj_popup').remove(); // delete old popups 
    var x = e.pageX ; 
    var y = e.pageY ;

    var template = '<div class="popup"  id="aj_popup" style="display:none">'+
            '<div class="main"><span class="msg"></span>'+
            '<a href="javascript:void(0)" class="attach" onclick="slideup();"></a>'+
            '<br style="clear:both;" /></div></div>' ;

    $('body').append(template);
    $('#aj_popup').css('left' , x ).css('top' , y ).fadeIn();
    return false;
})

クリックした場所に表示されないことを除いて、正常に動作します。ポジショニングはどうすればいいですか？ポップアップのCSSはこちら

.popup {
    background:#333;
    color:#333;
    border-radius:4px;
    padding:8px;
    position:fixed;
    display:block;
    text-align:center;
    box-shadow:0 0 7px rgba(0,0,0,0.6);
    z-index:3000;
    opacity: .95;
    filter: alpha(opacity=95);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";

}
4

1 に答える 1

0

おそらく、CSS をキーと値のペアとして記述し、それがどのようになるかを確認できます。firebug を見ると役立つはずです

$('#aj_popup').css({
       'left':'x',
       'top': 'y'

}).fadeIn();
于 2013-02-13T19:32:53.760 に答える