。對（「點擊」，funcion不工作

Question

我有我的代碼有問題，我有一些按鈕，它執行的函數被調用時。

<button class="executeFucntion" > Example </button> 

這一個工作，但我有其他的按鈕，動態創建按鈕：

$("<button class='executeFucntion'>Example</button>").insertBefore("#id") 

此按鈕，第二的人，不與下面的函數工作，我不知道爲什麼：

$(".executeFucntion").on("click", function(e) { 
//Code here 
}); 

有什麼幫助嗎？ 謝謝。

Answer 1

對於動態添加的元素，請使用event delegation。

$(document).on("click", ".executeFucntion", function (e) { 
    //Code here 
}); 

事件代表團允許我們附加一個單一的事件偵聽器，以父元素，將火了選擇匹配的所有後代，無論是現在存在的或將來添加這些後代。