본문 바로가기

Programming/JAVASCRIPT

[jQuery] animate() 사용 시 동시에 애니메이션 작동할 때

원인 : 

애니메이션 큐 문제로 인하여 마우스를 여러번 움직였을 때, 이전 애니메이션이 멈추기 전까지 마지막 애니메이션이 동작하지 않는 현상이 바로 애니메이션 쿠로 인해 발생하는 문제이다.

해결: 

stop() 매서드 사용

ex)

$(this).stop().animate({width:"100px"}, 500);