javascript - .在 ("click"上,功能无法正常工作

标签 javascript

我的代码有问题,我有一些按钮在被调用时执行一个函数。

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

那个可以工作,但我还有其他动态创建按钮的按钮:

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

这个按钮,第二个按钮,不能与下一个功能一起使用,我不知道为什么:

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

有什么帮助吗? 谢谢。

最佳答案

对于动态添加的元素,请使用 event delegation .

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

Event delegation allows us to attach a single event listener, to a parent element, that will fire for all descendants matching a selector, whether those descendants exist now or are added in the future.

关于javascript - .在 ("click"上,功能无法正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30807381/

相关文章:

javascript - 如何将表单输入值传递给 JavaScript 函数

javascript - 使用 promise 实现回退

javascript - JavaScript 中的三个 3d 对象从字符串转换为十六进制代码 (0x000000)?

javascript - Twitter Bootstrap 主题和 iTunes 应用标题

javascript - 使用 index.ts 文件导出类导致注入(inject)的构造函数中未定义

Javascript:在多个元素上使用一个函数

javascript - 使用 ajax 调用动态加载表后调用 Javascript 函数

javascript - 使用 javascript 和 DOM 获取当前页面的源代码

javascript - 在点击链接时防止android chrome中的 "Complete action using..."对话框?

javascript - jquery 与 javascript