funktion funktioniert nicht an append string

Question

Ich schrieb Funktion beim Klicken auf einen Klassennamen. und es funktioniert gut. Aber wenn ich ein Tag mit demselben Klassennamen angehängt habe, arbeitet die Funktion nicht an dieser Klasse.

<script> 
    $(document).ready(function() { 

     $("#btn1").click(function(){ 
      $("p").append(" <b class='test'>Appended text</b>."); 
     }); 

     $(".test").click(function(){ 
      alert(12); 
     }); 

    }); 
</script> 

<p>This is a paragraph.</p> 
<p>This is another paragraph.</p> 

<ol> 
    <li class="test">List item 1</li> 
</ol> 

<button id="btn1">Append text</button> 

Answer 1

Das ist, weil jQuery das Ereignis zum Zeitpunkt bindet Sie $(".test").click(...) nennen. Sie müssen sie separat binden:

$("#btn1").click(function(){ 
    $("p").append(" <b class='test'>Appended text</b>.") 
      .click(function(){alert(12);}); 
});