jQuery stop() 메서드 빠른클릭시 문제

stop() 메서드 안에는 두가지 매개변수가 존재한다

clearQueue() , goToEnd()

 

매개변수의 값을 지정하지 않을 시 두가지 값은 디폴트 값인 false 로 처리된다

첫번째 매개변수인 clearQueue 를 true 값을 준다면

 

animate() 메서드가 동작하는 시간 도중에 애니메이션이 중지하게 된다.

 

두번째 매개변수인 goToEnd() 에 true 값을 준다면

 

animate() 메서드에 설정한 동작이 모두 종료된 뒤 애니메이션이 중지하게 된다.

 

animate() 메서드를 사용한 버튼을 빠르게 연속클릭한다면 animate() 의 동작시간보다

클릭속도가 빨라 stop() / clearQueue() 를 사용한다 해도 애니메이션이 무너지게 된다.

 

stop() 메서드에 두가지 매개변수를 모두 true 값을 준다면 애니메이션이 완전히 무너지는걸 방지할 수 있다