OnClick JS不适用于DOM中的新元素？

Question

所以这是一个问题。

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

所以＆＃34; .callback＆＃34; -event工作正常，因为我们在当前DOM中有这个链接。 但是＆＃34;＃callback＆＃34; -event不起作用。也许在JS文件加载后出现了该元素的cos（严重？）。

拜托，任何人都可以回答为什么＆＃34;＃callback＆＃34; -event不起作用？

非常感谢！

Answer 1

绑定到动态创建的元素时，需要对on（）使用jQuery的事件委托语法：

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