javascript - jQuery AddClass 然后删除一个类

Question

在我的 Rails 应用程序中，当用户点击 Save 按钮时，我发送一个 Ajax 请求，当它发送请求时，我可以返回一些 jQuery。

我想做的是添加一个类（保存），延迟然后删除该类。

所以，我添加了这个：

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

由于某种原因，它不起作用。我究竟做错了什么？

score 37 · Accepted Answer

.delay()实际上是用于动画的。

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

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

score 13 · Accepted Answer

delay仅适用于与动画相关的方法，您可以使用queue方法：

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

score 4 · Accepted Answer

如果有人需要多个类的添加/删除，.dequeue(); 也需要正常运行。

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

score 1 · Accepted Answer

试试这个也许：

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

score 1 · Accepted Answer

1

最短的方式。

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

于 2021-03-26T06:06:51.383 回答

5 回答 5