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什么，我应该使用？我究竟做错了什么？

Answer 1

修改代码，以便将事件处理程序绑定到一个包含元素（也许是父母<table>或其他包含元素是静态的）这样的：

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

click事件从.delete会再泡触发并且被容纳元件捕获。