函数无法处理追加字符串

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);});
});