jQuery 애니메이션은 로컬에서는 한 번만 작동하지만 jsfiddle에서는 여러 번 작동합니다.

Question

div의 click 이벤트에 간단한 애니메이션을 연결했습니다. div는 각 클릭에서 50 픽셀만큼 왼쪽으로 움직여야합니다. 이 jsfiddle에 발생합니다 http://jsfiddle.net/QgYMu/2/

CSS :

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

코드 : I는 각 클릭을 통해 등록되고 있음을 볼 수 있지만

$(document).ready(function() { 
    $("#wally").click(grow); 
}); 

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

그러나, 내 컴퓨터에서 애니메이션이 한 번만 발생 'console.log ("클릭");' 성명서.

누구든지 잘못된 점을 밝힐 수 있습니까? FF와 Chrome에서 발생합니다.

최근 질문

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 관련 문제

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.