[Résolu] Animation qui réitère à chaque survol

Bonjour !

Je suis novice en Jquery et je suis confronté à une petite difficulté. Je suis en train d'animer un bouton au survol.

Je suis plus ou moins arrivé à ce que je souhaitais grâce à ce codequi me permet de shaker les boutons et de ne pas tenir compte de la sortie du survol (pour ne pas créer l'effet quand l'utilisateur essaie de repartir du bouton). Par contre, à chaque fois que l'utilisateur va survoler le bouton, l'action va rester en mémoire et elle va s'exécuter le nombre de fois que l'utilisateur a survolé le bouton.

C'est sûrement simple, mais je commence seulement à faire mes armes sur Jquery. J'ai essayé avec one() mais une fois exécuté, elle ne se reproduira plus jamais au hover. En gros, je ne veux juste qu'il prenne en compte le premier hover sur l'élément et que lors de l'exécution, il ne tienne pas rigueur des multitudes de hover qui peuvent être exécutés sur le bouton.

Petite question en bonus (un peu moins importante), j'ai l'impression qu'au hover, le bouton se déplace d'1px vers le haut. A quoi cela est dû ?

En vous remerciant par avance
Modifié par yourkaribbean (09 Apr 2017 - 13:59)

Bonjour GJboba,

Je viens d'essayer mais ça ne fonctionne pas (jai mis le code à jour dans le JSFiddle), on peut toujours "flooder" le bouton.

En gros, peu importe le nombre de hover, l'effet ne doit s'exécuter qu'une seule fois, mais il doit pouvoir être réitéré si on refait un hover dessus après qu'il soit fini, donc le one() n'est pas adapté à ma situation ...

Désolé j'avais mal saisi le problème et bzh ta donné la bonne réponse : regarde la doc http://api.jqueryui.com/effect/, le 4ème paramètre de effect est une fonction qui est appelée lorsque l'effet est 'complete'...

bonne continuation