附加事件元素使用jQuery

Question

動態添加下面是我的代碼：

$("#strong-against .pick .data .actions .btn-success").on("click", function() { 
    //Magic here. 
}); 

我讀，我應該使用.on()因爲這將動態附加事件添加的文檔加載完成後，即使項目。

但是，在我動態加載這些項目後，事件並未被觸發。我該如何做到這一點，以便在文檔加載後添加的任何項目都被監聽？

Answer 1

嘗試，

$(document).on("click", "#strong-against .pick .data .actions .btn-success", function() { 
    //Magic here. 
}); 

按照2個步驟爲動態元素事件處理程序結合，

1. 查找到該元件將被動態地添加最接近的父元素。
2. 將處理程序綁定到父元素並將動態元素選擇器作爲第二個參數。

所以，如果#strong-against在頁面加載存在，那麼你可以，

$("#strong-against").on("click", ".pick .data .actions .btn-success", function() { 
    //Magic here. 
});