Comment utiliser transitionend dans jQuery ?

Question

Je dois détecter si une transition CSS est terminée avant de permettre à une fonction de se répéter à nouveau, pour éviter de gâcher les marges.

Alors comment cam j’ai quelque chose comme

Answer 1

Le code ci-dessous se déclenchera sur l’événement transitionend pour tous les éléments que vous avez dans la variable $element. Il y a quatre noms d’événements différents, car je crois qu’ils couvrent toutes les incohérences entre les navigateurs. Remplacez le commentaire '// votre gestionnaire d’événements' par le code que vous souhaitez exécuter lorsque l’événement est déclenché.

Answer 2

Je pense que ce lien pourrait vous être utile.

Un seul événement est déclenché lorsque les transitions sont terminées. Dans Firefox, l’événement est transitionend, dans Opera, OTransitionEnd et dans WebKit c’est webkitTransitionEnd.

Answer 3

Vous pouvez créer une méthode qui gardera à l’esprit lorsque la fin de la transition a été appelée la dernière fois, et donc ne déclencher le rappel qu’une seule fois.

et puis utilisez-le simplement de cette façon