javascript - 将固定元素的位置更改为单击点

Question

我正在尝试为我的一些链接创建一个弹出窗口(.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)";

}

Answer 1

您可能可以将 CSS 编写为键值对，然后看看效果如何。寻找萤火虫应该会有所帮助

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

}).fadeIn();