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示例。它似乎工作，並做你想做的。