jquery - 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("clicked");' 注册的 陈述。

任何人都可以阐明什么是错的吗？（发生在 FF 和 Chrome 中）。

Answer 1

jQuery 1.10 有一个与相关动画相关的错误，导致您的问题已在 1.10.1 中修复。

见http://bugs.jquery.com/ticket/13939