関数が関数の文字列を追加していません

Question

クラス名をクリックして関数を書きました。それはうまく動作します。同じクラス名のタグを追加すると、そのクラスで関数が機能していません。

<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

これは、jQueryが$(".test").click(...)に電話するときにイベントをバインドするためです。あなたは別にそれをバインドする必要があります。

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