如何在添加一個類時設置順序延遲？

Question

我正在使用jQuery UI插件和最新的jQuery。

我想按順序添加一個類，依次添加我的元素數組。現在，我有這樣的：

$(@el).addClass("gridBoxComplete", 400, "easeOutBounce").delay(800) 

哪裏@el是數組中的當前元素。但是，這在迭代中的下一個項目運行之前不會延遲該對象。我根據這個動畫大概過這種想法..

$(@).hide().each (index) -> 
    $(@) 
    .delay(index * 100) 
    .fadeIn 500 

Answer 1

delay()延遲動畫，而不是類名的更改或其他代碼的執行。如果你想通用實施延時，使用setTimeout或類似的東西：

$.fn.wait = function(ms, callback) { 
    return this.each(function() { 
    setTimeout(callback.bind(this), ms) 
    }) 
} 

$(@el).addClass("gridBoxComplete", 400, "easeOutBounce").wait(800, function() { 
    $(this).addClass("something"); 
});