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

delay只適用於動畫相關的方法，你可以使用queue方法：

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

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

Answer 3

如果有人需要不止一個添加/刪除類，.dequeue(); 還需要正常運行。

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

Answer 4

試試這個也許：

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

Answer 5

最短的路。

$(".button").addClass("saving").show(0).delay(2000).removeClass("saving");