jQuery的選項和動態添加html

Question

我使用jQuery的方法來綁定按鈕點擊事件的事件。我正在使用css類進行分配。

$('.removeBtn').on('click', function() { 
    //CODE TO EXECUTE ON CLICK HERE 
}); 

當我的頁面加載時，我的所有按鈕類「removeBtn」相應地綁定和工作沒有問題。

我也在頁面加載後動態添加按鈕。這些有「removeBtn」類，但不要開火。

我想將這些新按鈕的click事件處理程序添加到我現有的預定義處理程序中，但我找不到任何如何執行此操作的示例。

我發現的所有例子都希望在創建時添加函數事件處理函數。這對於簡單的警報或調用來說似乎很好，但我有一個ajax調用和一些字符串解析和驗證。我不想再重複這段代碼。

我試着添加一個函數，我可以從這兩個地方調用，但是這也需要一些重複。

我想要一種方法來簡單地創建我的新按鈕，並告訴用戶在上面顯示的代碼中定義的函數。

我有什麼選擇？

Answer 1

您需要使用事件代表團

$(document).on('click','.removeBtn', function() { 
    //CODE TO EXECUTE ON CLICK HERE 
}); 

• http://learn.jquery.com/events/event-delegation/
• http://api.jquery.com/on/

Answer 2

連接監聽器的文件：

$(document).on('click','.removeBtn' function() { 
    //CODE TO EXECUTE ON CLICK HERE 
});