큐에있는 단일 함수가 한 번 호출되어야하는 동안 여러 번 호출되는 경우

Question

최근에 커스텀 jQuery 기반 컨텐트 슬라이더를 개발했습니다. 대부분의 다른 슬라이더와 달리 두 개의 항목 사이를 전환하면서 여러 그림이 표시되지 않습니다. 서로 인접하지 않습니다. 애니메이션이 아직 완료되지 않은 상태에서 여러 셀렉터를 클릭하는 것 외에는 모든 작업이 끝났습니다. 다른 애니메이션이 끝날 때까지 애니메이션이 시작되는 것을 지연시키는 큐 메커니즘을 구현하기로 결정했습니다. 그러나 더 많은 문제들이 나를 기다리고있었습니다. 어떤 이상한 이유 때문에 대기중인 함수는 대기열에없는 함수가 대기열에없는 함수 대신 5 번 호출됩니다. 여기에서 실제로 볼 수 있습니다 : http://jsfiddle.net/QLLKt/embedded/result/. 애니메이션이 활성화되어있는 동안 슬라이드 선택기를 클릭하십시오. 이제는 함수가 대기중인 시간이 한 번만 표시되기로되어 있다고해도 다섯 번 표시된다는 것을 알 수 있습니다.

내 질문은 : 왜 이런 행동을하고 그것에 대한 치료법이 있습니까?

는

$('.selector').queue('queue', function() { 
        var d = new Date(); 
        $('#result').append("<br/>" + "Queued at "+ d.getTime()); 

"선택"클래스에 대한 질의는 여섯 개 요소를 반환 :

Answer 1

는 문제의 근본이 코드 줄에 누워있는 것을 밝혀졌습니다. 따라서 이것은 하나의 함수를 eache 요소의 큐에 넣습니다.이 함수는 6 번 호출됩니다.