Comment rendre le contenu ajouté dynamiquement cliquable?

Question

J'ajoute du contenu dynamique à une page php en utilisant jQuery. Je n'ai aucun problème à ajouter du contenu Je n'arrive pas à trouver un moyen de rendre le nouveau contenu répondant à un événement click. Par exemple (j'utilise un div ici mais pourrait être un bouton ou un autre type).

$("#oldstuff").after('<div id="newstuff">Some content that should respond to click event</div>'); 

Edit: J'utilise actuellement jquery 1.9.1, j'utilisais 1.6.2 mais je vérifiais Magnific-popup qui nécessite une version plus récente jquery.

Je ne posterai mes tentatives infructueuses (

$("#newstuff").click(function() {... 
$("#newstuff").live('click', function() {... 
binding the click event, etc. 

parce que je suppose que je manque quelque chose de fondamental qu'un utilisateur jQuery plus expérimenté serait sans repérer le bruit de code cassé.

Answer 1

n'arrive pas à trouver un moyen de rendre le nouveau contenu répondre à un événement click.

Vous devez faire event delegation

$("#oldstuff").on("click", '#newstuff',function(){ 
alert($(this).text()); 
}); 

Answer 2

Vous pouvez joindre un événement click avant insérer l'élément dans le DOM:

$('<div id="newstuff">...</div>').click(function(){ 
    //do something 
}).insertAfter('#oldstuff'); 

Answer 3

Essayez cette

$("#yourElementId").live("click",function(){ 
    alert($(this).text()); 
}); 

Comme .click ne fonctionne pas après dom chargement ou élément créé dynamiquement

Answer 4

Qu'est-ce que vous avez besoin est d'attacher la événement à l'élément parent.

HTML:

<div id="parent"> 
    <div class="thediv">Hello</div> 
</div> 

JavaScript:

function addDiv() { 
    var div = document.createElement('div'); 
    div.className = 'thediv'; 
    document.getElementById('parent').appendChild(div); 
} 

$('#parent').on('click', '.thediv', function() { 
    // ... 
}); 

Voir si cette technique fonctionne.

Answer 5

Il est probablement vous événement obligatoire avant de fixer DOM et aussi dans la dernière version de méthode live bibliothèque jquery est désapprouvée alors essayez de lier clic même après la fixation DOM ou vous pouvez utiliser le code suivant ...

premier add DOM.

$("#oldstuff").after('<div id="newstuff">Some content that should respond to click event</div>'); 

puis de lier l'événement.

$('#newstuff').on('click',function(){alert('do your stuff!')}); 

Ou

$('#newstuff').click(function(){alert('do your stuff!')});