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

所以这里有一个问题

我有HTML

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

我有包含Bootstrap.js的外部Jquery文件

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

回调事件可以正常工作，因为我们在当前DOM中有这个链接。 但回调事件不起作用。可能在JS文件加载后会出现该元素的cos

请问，有人能回答为什么回调事件不起作用吗

---

非常感谢

绑定到动态创建的元素时，需要使用jQuery的事件委派语法来启用：

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

---

如果我将使用$.callback.click函数{…？如果您指的是类而不是ID，那么语法是相同的。$document.on'click'，.callback，function{。无论以哪种方式加载页面，您都需要绑定到存在的元素。对不起，我的意思是如果我使用右键单击“不打开”。您将事件传递到打开，无论您使用的是什么事件。绑定到动态元素时，您必须使用“打开”或“过度单击”。