Fonction s'exécute plusieurs fois

Bonjour,

Voila mon petit probleme j'ai des fonctions que je résume ici :

Code:

---

1 2 3 4

$('.start').click(function() { [accède au menu et exécute des animation] });   $('.buttonExit').click(function(){ [ Quitte le menu ] });

---

Mon probleme est le suivant lorsque je quitte le menu lorsque je souhaite y revenir en re-cliquant sur "start" les animation s'execute 2 fois ...

En gros il faudrais que je quitte la première fonction a l’exécution de la deuxième mais comment faire ?

Merci

Bonsoir,
en début de fonction il te faut d'abord arrêter l'animation, si en cours, avant de relancer quoique ce soit.

Code:

---

1 2 3 4 5 6 7 8 9

$('.start').click(function() { arretAnimation(); // le reste du code });   $('.buttonExit').click(function(){ arretAnimation(); // le reste du code });

---

Le probleme c'est que je vois pas comment l’arrêté il ne s'agit pas d'une animation type anim() ou autre que je pourrais stopper avec .stop(), mais seulement un petit code qui bouge le CSS et je ne vois pas comment stoppé ça. (voici "l'animation")

Code:

---

1 2 3 4 5 6 7 8 9 10

$('.crossBottom').click(function(){ $id = $('.selectOn').attr('id'); $('.selectOn').removeClass('selectOn'); if ($id<4) $id++; else $id=1; $('#'+$id).addClass('selectOn'); });

---

Pourquoi ne pas utiliser les animations jQuery ? Ca résoudrait ton problème tout en étendant le support pour des navigateurs ne supportant pas les transitions CSS.

Bonsoir

J'essaierai d'ajouter un "return false" pour éviter la propagation de l'événement "click".

Code:

---

1 2 3 4 5 6 7 8 9

$( ".start" ).on( "click", function(){ // le code return false; });   $( ".buttonExit" ).on( "click", function(){ // le code return false; });

---

L'usage d'ID numérique et leurs manipulations ( $id < 4, $d++, $d--) est une horreur !