jQuery AddClass quindi rimozione di una classe

Question

Nella mia applicazione Rails, invio una richiesta Ajax quando l'utente preme il pulsante Salva, quando invia la richiesta, posso restituire qualche jQuery.

Quello che mi piacerebbe fare è aggiungere una classe (salvataggio), avere un ritardo e quindi rimuovere la classe.

Così, ho aggiunto questo:

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

Per qualche ragione, non sta funzionando. Che cosa sto facendo di sbagliato?

Answer 1

.delay() è in realtà per le animazioni.

Usa setTimeout()

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

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

Answer 2

Prova questo forse:

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

Answer 3

delay funziona solo con i metodi di animazione legati, è possibile utilizzare il metodo queue:

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

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

Answer 4

Se qualcuno ha bisogno di più di una aggiunta/rimozione della classe, .dequeue(); è anche requisito per funzionare correttamente.

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