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會再泡觸發並且被容納元件捕獲。