JQuery animate

Question

J'ai un code JQuery dans le gestionnaire d'événement click pour une case à cocher qui met à jour la valeur d'un contrôle d'étendue sur la page, puis anime la couleur d'arrière-plan du tag d'étendue en jaune puis disparaît en blanc. deuxième pour attirer l'attention sur l'utilisateur que la valeur de la durée a changé. Le problème est que si un utilisateur clique plusieurs fois sur la case à cocher, alors l'animation se répète indéfiniment pour combien de fois l'utilisateur a cliqué. Tout le monde sait comment empêcher l'animation JQuery de se produire si une animation est déjà en cours.

Answer 1

Appelez simplement stop() sur l'objet avant l'animant:

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