2013-07-21 68 views
0

我已將一個簡單的動畫綁定到div的單擊事件。 div應該在每次點擊時左右移動50個像素。這發生在的jsfiddle:http://jsfiddle.net/QgYMu/2/jQuery單擊動畫在本地運行一次,但在jsfiddle中運行多次

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)。

+1

在Chrome中適用於我(28.0.1500.72)。我只是將所有的代碼粘貼到一個test.html文件中,然後添加一個