jquery - 动态添加的元素上的jQuery事件未触发

Question

我一直在寻找如何做到这一点，我已经看到了很多选项（其中大部分已被弃用），但我尝试过的任何方法都没有奏效。

我有一个动态添加表格行的文件上传脚本，其中一个<td>有一些<button>元素，我需要在点击时做一些 Ajax 工作，但我似乎无法让它做任何事情。

这<td>是包含添加到 DOM 的按钮的 :

<td class="filedelete">
    <button class="btn btn-danger delete">
        <i class="icon-trash icon-white"></i> Delete
    </button>
</td>

这是我现在正在尝试的 jQuery：

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

我.on应该使用什么？我究竟做错了什么？

score 2 · Accepted Answer

修改您的代码，以便事件处理程序绑定到包含元素（可能是父<table>元素或另一个静态的包含元素），如下所示：

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

然后触发的点击事件.delete将冒泡并被包含元素捕获。

1 回答 1