jQuery animate on click在本地工作一次，但在jsfiddle中工作多次

Question

我已经将一个简单的动画绑定到div的单击事件。div在每次单击时都应该向左移动50个像素。这种情况发生在jsfiddle上：http://jsfiddle.net/QgYMu/2/

CSS：

#wally {
     width: 40px;
     height: 40px;
     position: absolute;
     left: 100px;
     top: 100px;
     background-color: red;
  }

代码：

$(document).ready(function() {
    $("#wally").click(grow);
});
function grow() {
   console.log("clicked");
   $(this).animate({width: "+=50"}, 1000);
}

然而，在我的机器上，动画只发生一次，尽管我可以看到每次点击都是通过"console.log（"点击"）；"注册的陈述

有人能告诉我们出了什么问题吗？（发生在FF和Chrome中）。

Answer 1

jQuery 1.10有一个相对动画的错误，导致您的问题，该问题在1.10.1中得到了修复。

请参阅http://bugs.jquery.com/ticket/13939