函数不适用于附加字符串[重复]

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