jquery - jQuery animate += 和最新版本

Question

每次我单击 div“蓝色”时，它都会移动 100 像素。它工作得很好，有一天我意识到它停止工作了。在尝试了很多事情之后，我发现问题出在最新版本的 jQuery 1.10 现在它只移动了 100px 一次。就像它忽略了 += 一样。我找不到它是否已被弃用？如果是这样，现在这样做的正确方法是什么？

你可以看到它在这里工作：http: //jsfiddle.net/RB4eJ/1/
（这在 jQuery 1.9.1 中工作。但它不在 1.10 中）

$(function(){
    $(".blue").click(function() {
        $(".blue").animate({left: "+=100"}, 500)    
    });
})

score 8 · Accepted Answer

如果这是一个错误，我希望他们修复它，因为它很有用。但是现在你可以做这样的事情：

$(".blue").click(function() {
    var new_left = +$(this).css("left").replace("px", "") + 100;
    $(".blue").animate({left: new_left + "px"}, 500)    
});

或者正如@adeneo 建议的那样：

$(".blue").click(function() {
    $(this).animate({left: $(this).position().left+100}, 500);  
});

查看使用 jQuery 2.x 的工作演示

性能测试

score 0 · Accepted Answer

+=使用or时，它看起来像 animate 中的错误-=。该错误似乎在线

https://github.com/jquery/jquery/blob/master/src/effects.js#L48-L50

下面是代码参考，

// If a +=/-= token was provided, we're doing a relative animation
tween.end = parts[ 1 ] ?
    //v--- bug
    start + ( parts[ 1 ] + 1 ) * parts[ 2 ] :  
   +parts[ 2 ];

更改上述内容应该可以修复错误，

// If a +=/-= token was provided, we're doing a relative animation
tween.end = parts[ 1 ] ?
    //v-- changed to tween.start
    tween.start + ( parts[ 1 ] + 1 ) * parts[ 2 ] :  
   +parts[ 2 ];

修复用小提琴测试：http: //jsfiddle.net/xEhuR/ [检查行 8878]

注意：好吧，上面的内容除了确定问题之外没有多大作用。你应该坚持解决方法或等到 jQuery 修复。

张贴在票http://bugs.jquery.com/ticket/13939?comment:10#comment:10