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(); 
});