Discussion :

[willyg28]

Bonjour,

Lorsque j'effectue un append sur un div (cet append ajoute une balise <button><img src="xxx"></button>), l'événement
$("button").click(function(){alert("ici")}); ne se lance pas sur ce bouton précisément...
Sur les autres balise <button> de ma page, l'événement se lance bien car eux sont déjà chargé dès le départ...

Auriez-vous une idée ?

Merci d'avance,
willy

[Bovino]

Imaginons que tu aies deux enfants.
Un jour, tu les appelles.
Crois-tu que ceux qui ne sont pas encore nés vont venir ?

C'est pareil avec JavaScript (et donc jQuery) : tu as défini des événements sur des éléments, mais les éléments n'existant pas sur la page à ce moment-là ne peuvent pas être concernés !

Heureusement, jQuery offre des solutions :

• .on() (de préférence)
• .delegate() (si jQuery < 1.7)
• .live() (à éviter)

[willyg28]

Merci pour cette réponse , entre temps j ai reussi en utilisant la fontion live..
je sais que tu indiques a eviter mais cela fonctionne..
d ailleur pourquoi est t elle a eviter?
merci
willy

[Bovino]

Ces événements utilisent la délégation pour fonctionner : en gros, tu affectes un événement à un conteneur et lorsque l'événement survient, tu vérifies si c'est un des éléments souhaités qui l'a déclenché.
Cela se base sur la propagation des événements.
Selon ce principe, il est recommandé de placer l'écouteur le plus près possible des éléments à surveiller dans l'arbre DOM.
Or live() attache tous les événements à l'objet document et si au préalable un autre gestionnaire stoppe, pour une raison ou une autre, la propagation, alors l'événement ne sera jamais déclenché.

D'autre part, cette méthode est dépréciée (donc peut disparaitre dans n'importe quelle future version) et ne correspond pas, dans sa syntaxe, à la logique de jQuery.

[willyg28]

Merci pour toutes ces precisions..
et merci à toi pour ses conseils , heureusement que des gens comme toi sont là c est tres sympa de prendre de son temps pour partager tes connaissances .

willy