riavviare jquery.fadeOut() mentre è in dissolvenza

Question

Mi piacerebbe avere un jquery fadeOut() riavvio mentre è nel mezzo della dissolvenza.

Ho la seguente dichiarazione

$('#status').html('<div style="padding:5px; margin:0 0 0 200px;"><img src="/images/done.png" /> ' + message + '</div>').show().fadeOut(2000); 

Quando un utente esegue un'azione, questa affermazione viene eseguito. per i 2 secondi in cui è in esecuzione, l'utente può eseguire un'altra azione che chiama questa istruzione.

Al momento, la dissolvenza deve essere completata prima che l'animazione di fadeout venga riprodotta di nuovo.

C'è un modo per far ripartire il fadeOut dall'inizio?

Answer 1

Utilizzare .stop() prima di chiamare .fadeOut().

Opzionalmente, utilizzare .stop(true, true) se si desidera che inizi dai valori di destinazione.

Answer 2

È possibile chiamare stop prima di chiamare fadeOut. Questo riavvierà l'animazione fadeOut. Altrimenti, il secondo fadeOut verrà messo in coda dopo il primo.

Answer 3

How do you cancel a jQuery fadeOut() once it has began?

In breve, chiamare il metodo .stop().

Answer 4

Usa

jQuery.stop().fadeOut() 

per evitare la fila alla Animazione fadeOut.

.stop() can be used to prevent queueing any jQuery Animation 

http://api.jquery.com/stop/

Answer 5

E 'strano, ma nel mio caso era meglio

//onclick 
    .stop(true, true).fadeIn().stop(true, true); //reset: stop old fadeOut and make visible again 
    .fadeOut(); //again