.on（“点击”，功能不起作用

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
});

  

事件委托允许我们将单个事件侦听器附加到父元素，该元素将为匹配选择器的所有后代触发，无论这些后代现在是存在还是将来添加。