带延迟的jQuery toggle类只能运行一次

Question

在jQuery,匿名函数和延迟方面,我显然缺少一些基本的东西.

以下代码仅适用于每页加载ONCE(它将添加该类,然后在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

那里没有奇迹.这种行为是在文档中写的.queue().

注意,在添加函数时.queue(),我们应该确保.dequeue()最终调用它,以便行中的下一个函数执行.

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

从jQuery 1.4开始,被调用的函数将另一个函数作为第一个参数传递.调用时,会自动使下一个项目出列并使队列保持移动状态.我们用它如下:

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