在jquery的html函数中添加新元素后无法正常工作

时间:2017-04-14 18:59:29

标签: javascript jquery html ajax

我已经编写了添加表元素的代码,我正在尝试控制登录该类无法正常工作的onclick函数

     添加

<div>
    <table id="con">
        <tr><td class="delete"> something</td></tr>
    </table>
</div>
<script>
    $("#a").click(function () {
        $("#con").append("<tr> <td class='delete'>something</td></tr>")
    });


    $(".delete").click(function () {
        console.log("clicked");
    })

</script>

1 个答案:

答案 0 :(得分:0)

它不起作用,因为您的单击处理程序仅在绑定处理程序时绑定到页面上已存在的那些元素。
您需要的是委托活动。

阅读本文以了解您需要做什么:
https://learn.jquery.com/events/event-delegation/

它的要点是:

改变这个......

$(".delete").click(function() {
  console.log("clicked");
});

......对此...

$("#con").on("click", ".delete", function() {
  console.log("clicked");
});