jquery - 使用位置在我的点击事件中减去？

Question

对于 #box2 left 和 top 值，我需要减去来自 .css 文件的 #box2 本身的实际宽度和高度。我试图做 .css({left:event.pageX - .css(width:200px);.... 没有运气。下面是我现有的片段，没有减法部分。

$('.lightbox2').click(function (event) {
    event.preventDefault();
    $('#box2').css({
        left: event.pageX,
        top: event.pageY
    });
    $('.backdrop, #box2').animate({
        'opacity': '.50'
    }, 300, 'linear');
    $('#box2').animate({
        'opacity': '1.00'
    }, 300, 'linear');
    $('.backdrop, #box2').css('display', 'block');
});

Answer 1

var box = $('#box2')
var w = box.width();
var h = box.height();
box.css({
    left: event.pageX - w,
    top: event.pageY - h
});

Answer 2

据我了解，你想做这样的事情，

var box = $('#box2');
box.css({
    left: box.position().left - box.width(),
    top: box.position().top - box.height()
});