針對一步一步動畫的jQuery隊列插件

Question

是否有插件可用於排隊動畫。

我看到jQuery.Queue（）和回調函數作爲選項，但我的問題是Queue（「fx」）不適用於我的div，因爲它有多個DOM。

基本上，我有一個動畫功能，可視化排序和我希望它一個接一個發生。我即將編寫一個自定義隊列..但想知道是否有一個插件存在，負責排隊，並提供了逐步運行動畫的能力。

這將是一個很大的幫助，如果有人能告訴我最好的選擇通過使多個DIV一個動畫發生一一

編輯：http://jsfiddle.net/realwork007/tnJug/

小提琴不工作，但如果你看看進入selectionSort（）它調用各種動畫方法。如果我運行，我希望動畫功能一步一步運行，但目前全部同時運行。

Answer 1

這裏有一個小腳本可能會有所幫助。我經常用它來逐個淡入圖像。

$.fn.fade1by1 = function (options) { 

    var opt = $.extend({ 
      'delay' : 500, 
      'speed' : 500, 
      'ease' : 'swing' // Other requires easing plugin 
     }, options); 

    var that = this; 
    for (var i = 0, d = 0, l = that.length; i < l; i++, d += opt.delay) 
     that.eq(i).delay(d).fadeIn(opt.speed, opt.ease); 

    return this 

}; 

演示：http://jsfiddle.net/elclanrs/9Zxew/