Wie speichern wir Event-Handler, wenn wir neues HTML für Element setzen?

Question

Ich habe einfachen HTML-Markup:

<div id="cont">Some text here 
    <div class="wrap" style="border: 1px solid black;display: inline;"> block element here 
    </div> and another text</div> 

Und jQuery-Code:

$(function(){ 
    $(".wrap").click(function(){ 
     $("#cont").html($("#cont").html().replace(/text/g, "letter")); 
    alert("Click!"); 
    }); 
    $("#d1").click(function(){ 
    alert("#d1 clicked!"); 
    }); 
}); 

Ich erwarte, dass Click-Ereignis jedes Mal, wenn Sie durch die #d1 div angeklickt werden, ausgelöst wird, aber wenn wir geklickt von .wrap Es ist wieder Feuer. Ich verstehe, warum es solches Verhalten hat, aber wie man es löst?
In meinem Code kann ich Click-Ereignis für #d1 nach $("#cont").html($("#cont").html().replace(/text/g, "letter")) nicht festlegen, da ich jetzt nicht zur Ausführungszeit, wenn Ereignis festgelegt wurde.
Sie können versuchen, Beispiel auf JSBin

Vielen Dank für die Antworten, live() ist eine sehr nützliche Funktion.

Answer 1

DEMO:http://jsbin.com/aqono4/4/edit

Wenn Sie den Zustand Ihrer Elemente nicht sicher sind Sie immer live können Ihre Veranstaltungen zu binden:

$(function(){ 
    $(".wrap").live('click', function(){ 
     $("#cont").html($("#cont").html().replace(/text/g, "letter")); 
     alert("Click!"); 
    }); 
    $("#d1").live('click', function(){ 
     alert("#d1 clicked!"); 
    }); 
}); 

mit dem live method gebunden Veranstaltungen wird gilt immer noch für Instanzen gefunden nach der Code wird zunächst aufgerufen.

DEMO:http://jsbin.com/aqono4/4/edit

Answer 2

Sie sollten mit der Methode live() binden.

$(function(){ 
    $(".wrap").live("click", function() { 
    // .... 

Answer 3

GvS Wie gesagt, das Ereignis binden. Wenn Sie es nicht brauchen, können Sie losbinden.