OnClick JS不能处理DOM中的新元素

OnClick JS does NOT work with new elements in DOM?

本文关键字:新元素 元素 JS 不能 处理 DOM OnClick      更新时间:2023-09-26

有个问题。

有HTML

<a class="callback">Callback</a>

我有外部jquery文件(与Bootstrap.js包含)

$(".callback").on('click', function() {
var myModal = '<div><a id="callback"></div>';
$(myModal).modal('show');
});
$("#callback").on('click', function() {
//some actions
});

。"callback -event工作得很好,因为我们在当前DOM中有这个链接。但是"#callback"-event不起作用。也许这个元素的cos出现在js文件加载之后(真的吗?)。

请,谁能回答为什么"#callback"事件不工作?

非常感谢!

当绑定到动态创建的元素时,你需要使用jQuery的on()事件委托语法:

$(document).on('click', "#callback", function() {