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.JQuery animate
0
A
Répondre
2
Appelez simplement stop() sur l'objet avant l'animant:
$('#button').click(function() {
$('#animatedSpan').stop().animate({ });
});
Questions connexes
- 1. jquery animate
- 2. jQuery .animate() Problèmes
- 3. jquery .animate - l'image est recadrée pendant l'animation
- 4. Comment exécuter la fonction .animate dans jQuery pour toujours?
- 5. jQuery animate propriété CSS border-radius (webkit, mozilla)
- 6. Animate Expander dans WPF
- 7. jQuery: Besoin d'aide .. La fonction de rappel de .animate ne fonctionne pas
- 8. Pourquoi le callback que je passe à la méthode animate() de jQuery n'est-il pas appelé?
- 9. Animate WPF Datatemplate lorsque l'élément a été ajouté à Listbox?
- 10. Compatibilité du navigateur dans jQuery
- 11. jQuery: Trouble Traversant
- 12. jquery - animation
- 13. Jquery Hover est retardée
- 14. Correction jQuery défilement
- 15. Comment faire un défilement continu avec JQuery?
- 16. jQuery animation bascule
- 17. Animate WPF Texte lors de la mise à jour des liens, comment?
- 18. Problème avec la fonction d'animation jQuery?
- 19. Jquery anime cacher et montrer
- 20. jquery Animer ne se déclenche pas
- 21. jQuery animation feuilles de styles inutiles
- 22. jQuery removeAttribute Erreur dans FF
- 23. Animation synchrone JQuery
- 24. animation jQuery/JS foiré (Firefox/IE)
- 25. Réutiliser une fonction jquery?
- 26. jQuery question
- 27. Problème de variable statique sur JQuery
- 28. jquery hover mouse out
- 29. Activation de l'accordéon JQuery
- 30. Mettre en surbrillance des éléments actifs avec jQuery