Question

对于＃box2的左侧和顶部值，我需要减去＃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
});

Answer 2

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

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

使用<div>的位置在我的点击事件中减去？</div>

2 个答案: