La fonction de gestionnaire de clics de jQuery ne se déclenche pas sur l’élément ajouté après le chargement du DOM

Je crois que je pourrais le faire avec .live mais cette méthode est déconseillée. Voici le problème:

J’ai une fonction de gestion des clics qui doit se déclencher sur n’importe quel élément de la classe “myClickEl” par exemple. Cela fonctionne bien sur les éléments “myClickEl” présents dans le document au moment de son chargement. Cependant, si j’ajoute un élément myClickEl après le chargement du DOM, le gestionnaire de clics ne se déclenche pas.

Voici le code. J’ai essayé les deux méthodes ci-dessous:

Option 1:

• obtenir l’erreur c00ce514 dans IE lors de la tentative de chargement d’un fichier swf
• Comment envoyer un tableau javascript à l’action struts en utilisant jQuery Ajax
• Comment puis-je empêcher la validation automatique de jQuery validate?
• JQPlot emstack la barre chaque décompte d’étiquettes empilées au lieu d’accumuler (incrémentiel)
• Est-il possible de modifier l’en-tête d’une requête http à l’aide de javascript?

jQuery('.myClickEl').on('click', function(){ var formText='This is some text to paste'; jQuery(this).parent().next('textarea').val(''); jQuery(this).parent().next('textarea').val(formText); }); 

Option 2:

  jQuery('.myClickEl').click(function(){ var formText='This is some text to paste'; jQuery(this).parent().next('textarea').val(''); jQuery(this).parent().next('textarea').val(formText); }); 

• Mettez var dans jquery: gt ()
• jquery .get / .post ne fonctionne pas, par exemple 7 ou 8, fonctionne correctement en ff
• Cliquer sur l’étiquette ne déclenche pas l’événement click
• obtenir la propriété du code derrière dans la page aspx
• Les scripts d’iframe peuvent-ils interagir avec les scripts de la page principale

 jQuery(document).on('click','.myClickEl', function() { var formText='This is some text to paste'; jQuery(this).parent().next('textarea').val(''); jQuery(this).parent().next('textarea').val(formText); }); 

 .on( events [, selector ] [, data ], handler(eventObject) ) 

 $( "#dataTable tbody" ).on( "click", "tr", function() { alert( $( this ).text() ); });