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?? 
}); 

Side Примечание:

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() в конце концов называется так, что следующая функция в строке выполняется.

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

По JQuery 1.4, функция, которая называется передается другой функции в качестве первого аргумента. При вызове это автоматически деактивирует следующий элемент и перемещает очередь. Мы используем его следующим образом:

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