지연이있는 jQuery 토글 클래스는 한 번만 작동합니다.

Question

jQuery, 익명 함수 및 지연과 관련해서는 근본적인 것이 빠져 있습니다.

다음 코드는 페이지로드 당 하나만 작동합니다 (클래스를 추가 한 다음 1 초 후에 제거하고 다시 클릭하면 클래스가 추가되지만 클래스를 제거하지는 않습니다). 페이지, 내가 페이지) 다시로드하지 않는 그러나

var jElement = $(currElem); 
jElement.addClass("highlight") 
.delay(1000) 
.queue(function(){ 
$(this).removeClass("highlight"); 
}); 

을

내가 매개 변수로 (존재하지 않는) 함수 호출을 추가하고, 내 익명의 함수를 호출하는 경우, 다음 추가/클래스 조합 제거는 무기한으로 작동합니다.

var jElement = $(currElem); 
jElement.addClass("highlight") 
.delay(1000) 
.queue(function(randomFunction){ 
$(this).removeClass("highlight"); 
randomFunction(); //this makes it seemingly 'miraculously' work?? 
}); 

사이드 참고 :

var jElement = $(currElem); 
jElement.addClass("highlight") 
.delay(1000) 
.queue(function(randomFunction){ 
$(this).removeClass("highlight"); 
// this does NOT work; if I dont actually call the 'randomFunction' 
// so that function, even though it does nothing; must somehow cause 
// the implicit call of 'dequeue()' ?? 
}); 

Answer 1

randomFunction 실제로 next 및 참조합니다 .dequeue 방법으로 불린다. 이것을 호출하면 큐가 큐의 다음 항목으로 계속 이동합니다.

http://api.jquery.com/queue/

Answer 2

이 기적은 없습니다. 이 동작은 .queue()의 설명서에 기록되어 있습니다. .queue()에 기능을 추가 할 때, 우리는 라인에서 다음 함수가 실행되도록 .dequeue() 결국라고되어 있는지 확인해야

는

참고. jQuery를 1.4, 제 인자와 같은 다른 함수를 전달 불리는 함수로서

$('#foo').slideUp().queue(function() { 
    alert('Animation complete.'); 
    $(this).dequeue(); 
}); 

. 호출되면 자동으로 다음 항목을 대기열에서 제외하고 대기열을 계속 이동합니다.

$("#test").queue(function(next) { 
    // Do some stuff... 
    next(); 
});