JQuery animieren

Question

Ich habe einige JQuery-Code im Click-Ereignishandler für ein Kontrollkästchen, das den Wert eines Bereichs-Steuerelements auf der Seite aktualisiert, animiert dann die Hintergrundfarbe des span-Tags zu gelb und dann wieder zu weiß in etwa a zweitens, um auf den Benutzer aufmerksam zu machen, dass sich der Wert der Spanne geändert hat. Das Problem besteht darin, dass, wenn ein Benutzer wiederholt auf das Kontrollkästchen klickt, die Animation immer wieder auftritt, je nachdem wie oft der Benutzer geklickt hat. Jeder weiß, wie verhindert wird, dass die JQuery-Animation auftritt, wenn bereits eine Animation läuft.

Answer 1

Einfach anrufen stop() auf das Objekt, bevor es Animieren:

$('#button').click(function() { 
    $('#animatedSpan').stop().animate({ }); 
});