jQuery AddClass然後刪除類

Question

在我的Rails應用程序中，當用戶點擊保存按鈕時發送Ajax請求，當它發送請求時，我可以返回一些jQuery。

我想要做的是添加一個類（保存），有一個延遲，然後刪除類。

所以，我說這一點：

$('.button').addClass('saving').delay(2000).removeClass('saving'); 

出於某種原因，它不工作。我究竟做錯了什麼？

Answer 1

.delay()實際上是動畫。

使用setTimeout()

$('.button').addClass('saving'); 

setTimeout(function() { 
    $('.button').removeClass('saving'); 
}, 2000); 

Answer 2

試試這個可能：

$('.button').addClass('saving').delay(2000, function() { 
    $(this).removeClass('saving') 
}); 

Answer 3

delay只與動畫相關的方法的工作原理，你可以使用queue方法：

$('.button').addClass('saving').delay(2000).queue(function(next){ 
    $(this).removeClass('saving'); 
    next(); 
}); 

http://jsfiddle.net/Rp6Xw/44/

Answer 4

如果有人需要多個添加/刪除類，.dequeue（）;也被要求正常運作。

$('.button').addClass('saving').delay(2000).queue(function(){ 
    $(this).removeClass('saving'); 
    $(this).dequeue(); 
});