11548 sujets

JavaScript, DOM et API Web HTML5

Je parle des UI Tabs du projet http://flowplayer.org/tools/demos/tabs/mouseover.html
J'isole d'abord la partie utile de ce démo en ligne pour l'exécuter en local
Dans le fichier JS de l'UI Tabs amélioré de JQuery Tools, dans la configuration conf:, je mets

effect: 'fade',
fadeInSpeed: 3000,

Grâce à cela, l'affichage de la page d'onglet se fait en un fondu de 3s
Le soucis que si on passe sur les onglets rapidement, on a
upload/28441-tabmouseov.png
car l'effet fadeIn n'est pas encore terminé qu'un autre s'exécute, tout s'affiche
COMMENT EVITER CELA? Attendre que ça finit avant de passer à un autre évènement mouseover
Ce que dont j'ai besoin c'est la fonction stop() de jQuery, le soucis c'est qu'on ne sait pas quel sélecteur stoppé?? Un passage rapide entre les onglets exécutent 2 ou 3 ou plus des animations fadeIn
Donc faire un stop sur un div qui ne fait plus d'animation fera une erreur