javascript - JQuery，左位置错误

Question

我有这个代码:

$(this).closest("p").after('<strong>' + arMess[iCurIndex] + '</strong>').next().animate({
            top: $(this).offset().top - 57,
            left: -$(this).width() //[First value] Here i get 148px on chrome and 150px on firefox

        }, 300,function(){
            alert($(this).offset().top - 57);
            alert(-$(this).width()); //[Second value] Here i get the true width the one i want to present the left
        });

代码概览:在第一行 我为STRONG 元素设置了动画

如你所见，我从 -$(this).width() 得到了 2 个不同的值:

第一个值:我在动画过程中得到的。

第二个值:动画结束后得到

如果有人知道我得到 2 个不同值的原因，我将非常感激。

Answer 1

这里的问题是 javascript 关键字 this 在动画之后调用的内部函数中的值与设置宽度时的值不同。对于第一个值，this 是触发动画的对象。在调用警报的函数中，this 是被激活的对象。

试试这个:

var $strongElement = $(this).closest("p").after('<strong>' + arMess[iCurIndex] + '</strong>').next();

$strongElement.animate({
       top: $(this).offset().top - 57,
       left: -$strongElement.width() 
    }, 300, function(){
    alert(-$(this).width()); 
});

参见 http://jsfiddle.net/vtyjf/