Possibilité de manipuler des éléments générés par javascript?

Question

J'ai une page générée dynamiquement avec javascript et elle contient plusieurs champs de saisie et un bouton. Quand je clique sur le bouton, rien ne se passe ... Est-ce parce que c'est un objet javascript et non un "dom" réel? Si oui, existe-t-il un moyen d'interagir avec l'objet?

Je viens d'écrire une alerte simple pour voir si le bouton fonctionne même.

jQuery("#button").click(function() { 
    alert("yes it's working"); 
}); 

Sur la première page de chargement cela fonctionne ... Je crois que le premier chargement de la page, il est PHP généré et quand je clique à une autre section, ce même bouton sera affiché, mais la page ne se recharge pas si cela me conduit à croire quand je clique sur une autre section, elle est dynamiquement re-générée avec JS.

Maintenant, si je clique sur le bouton, rien ne se passe ... pas d'erreur ou aucune alerte ...

Answer 1

Vous devez utiliser .live car au moment où vous attribuez le gestionnaire l'élément n'existe pas .

$('#button').live('click', function() { 
}); 

Vous devriez également examiner si délégué que vous faites cela avec plusieurs éléments à des fins d'efficacité.

Answer 2

Je crois que je comprends ce que vous dites.

Lorsque vous exécutez jQuery('#button'), il recherche les éléments ici et là. L'événement est associé au bouton lui-même et non à la chaîne de requête #button.

jQuery offre cependant le comportement que vous souhaitez.

jQuery('#button').live('click', function() { /* on click event */ }); 

live attache à la chaîne de requête, et non pas les éléments, il appliquera à toute #button jamais produite dans l'avenir.