Execution de fonction

Bonjour !

Je débute en Jquery, et au-temps vous dire que je rame un peut :D ....... beaucoup8-) ...

voila mon problème : j'ai un bloc #offre.close( plus précisement un lien ) quand on clique dessus, la classe de ce lien et changé pour devenir #offre.open .
Le but d'executé ce bloc avec une autre fonction ; au premier clic, la classe change, et aux dexième clic ... la deuxième fonction ne s’exécute pas :roll:

Merci de votre aide

code jquery :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

jQuery( document ).ready(function() { console.log ( "Document and his Jquery are RDY" ); jQuery( "a#offre.close" ).click(function(event) { console.log ( "changement close en open " ); jQuery("a#offre").addClass("open").removeClass("close"); });   jQuery( "a#offre.open" ).click(function(event) { console.log("changement open en close"); jQuery("a#offre").addClass("close").removeClass("open");   }); })

---

C'est normal... De plus, ce sujet à déjà été traité et résolu de très nombreuses fois...

Lorsque tu déclares tes événements, ceux-ci s'appliquent aux éléments trouvés dans le document au moment de la déclaration. Donc à ce moment, il n'y a aucun élément a#offre.open et l'événement ne s'applique à aucun élément.
Une solution pourrait être d'utiliser la délégation d'événement (Direct and delegated events), mais dans ton cas, c'est surtout la logique qu'il faudrait revoir.

Tu n'as aucun besoin de définir deux événements pour le même élément, définir un seul événement avec deux actions distinctes en fonction de l'état est largement préférable.

Merci pour la réponce ! :)


Serait'il judicieux de ré-imaginer le code à partir de condition ?

merci

Code:

---

1 2 3

$('#offre').on('click', function(){ $(this).toggleClass('open', 'close'); });

---

est amplement suffisant...