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

Question

对于#box2 left 和top 值，我需要减去#box2 本身的实际宽度和高度，它来自.css 文件。我试着做 .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
});