Wie erstelle ich ein Live-Klick-Ereignis auf einem neu hinzugefügten DOM?

Ich bin ein live () Benutzer und ich weiß, dass live () veraltet ist. Ich habe versucht, bind () zu verwenden, um das Ereignis auf neu hinzugefügte Dom arbeiten zu lassen, aber es ist nicht.

Kannst du mir bitte sagen, wie man bind () richtig macht? Oder gibt es eine andere Methode, um diese Aufgabe zu erledigen?

das ist der html:

<table>
    <tr>
        <td> hi there <span class="click">click me</span></td>
    <tr>
    <tr>
        <td> hi there2 <span class="click">click me</span></td>
    <tr>
    <tr class="end">
        <td></td>
    </tr>
</table>
<button class="add_new">add new row</button>  

das ist das js:

var new_row = '<tr><td> hi there, new row! <span class="click">click me</span></td><tr>';

$('.add_new').click(function() {
    $('.end').before(new_row);    
});


$('.click').bind('click', function() {
   alert('clicked');
});

wenn möglich, möchte ich native jquery-Methode und nicht Plugins verwenden. das ist meine jsfiddlehttp://jsfiddle.net/bondythegreat/z3uXH/

Antworten auf die Frage(3)

Ihre Antwort auf die Frage