jQuery .click() ne se déclenche pas sur les liens créés dynamiquement avec .wrapInner()

Question

J'ai un problème avec ce script et pour le reste de ma vie, je n'arrive pas à comprendre ce qui ne va pas. rapide passage en revue ce que j'ai:

Le code HTML:

<ul> 
    <li id="wildcard_1"> 
     <div> 
      <a href="#">test</a> 
     </div> 
    </li> 
</ul> 
<a href="#" class="reset">reset</a> 

Le jQuery:

// Main function 
$("[id^=wildcard_]").children('div').children('a').click(function() { 
    $(this).replaceWith($(this).text()); 
}); 

// Temporary reset function 
$("a.reset").click(function() { 
    $("[id^=wildcard_]").children('div').wrapInner('<a href="#"></a>'); 
}); 

Le lien "test" fonctionne comme il est censé la première fois est est être cliqué - il est en train de se transformer en texte brut). Afin de ne pas coller la majeure partie du script ici, j'ai créé une fonction temporaire qui encapsulera le contenu du div, transformant le texte brut "test" en un lien. Et c'est là où ça va mal - l'écouteur .click() de la première fonction ne se déclenchera plus sur ce lien créé dynamiquement et FireBug ne lance aucune erreur ni aucun avertissement.

Vous pouvez voir ce live sur jsFiddle: http://jsfiddle.net/rWz69/

Toute aide sur ce serait plus apprécié!

Answer 1

Vous pouvez utiliser gestionnaire .live(), comme ceci:

$(document).on("click", "[id^=wildcard_] > div > a" , function() { 
    $(this).replaceWith($(this).text()); 
}); 

Here's your fiddle example updated/working with the above code :)