jQuery中的多个队列

Question

我在jQuery中使用多个队列时遇到问题。考虑以下示例：

$('#example').click(function() { 
    $(this).delay(1000, 'fx2').queue('fx2', function() { 
    alert('here'); 
    }); 
}); 

警报从不会触发。为什么？

Answer 1

似乎在第一次使用.dequeue()

当.dequeue()被调用时，在接下来的功能，您还需要设置在运动中该队列自定义队列调用时delay（或任何其他动画为此事）队列从队列中移除，然后执行。该函数应该依次（直接或间接）导致.dequeue()被调用，以便序列可以继续。

$('#example').click(function() { 
    $(this).delay(1000, 'fx2').queue('fx2', function(next) { 
    alert('here'); 
    // start the next anim in the queue... 
    next(); 
    }).dequeue('fx2'); 
}); 

jsbin preview

注意，在queue回调接收一个函数作为第一个参数。这是您希望在完成“动画”时调用的函数，以便可以执行队列中的下一个项目。

jQuery的代码处理 '自动启动' 的fx队列中$.fn.queue() function：

if (type === "fx" && queue[0] !== "inprogress") { 
    jQuery.dequeue(this, type); 
} 

Answer 2

请尝试以下jsFiddle示例。它似乎工作，并做你想做的。