javascript - jQuery AddClass からクラスを削除する

Question

私の Rails アプリケーションでは、ユーザーが [保存] ボタンをクリックすると Ajax リクエストを送信し、リクエストを送信すると、jQuery を返すことができます。

私がやりたいのは、クラスを追加して（保存して）、遅延してからクラスを削除することです。

だから、私はこれを追加しました：

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

何らかの理由で、機能していません。私は何を間違っていますか？

score 37 · Accepted Answer

.delay()は実際にはアニメーション用です。

setTimeout()を使用する

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

5 に答える 5