javascript - 对于由 JavaScript 插入的链接，不会显示警报

Question

我正在处理一个大型代码库，我正在尝试编写一些 JQuery，以便每当用户单击链接(即 a 标记)时，都会有一个警报。这是我写的:

$(document).ready(function() { 
    alert("hey ho!"); 
    $("a").click(function(event){ 
        alert("Hello!"); 
    }); 
});

“嘿嘿!”警报出现，所以 JQuery 正在工作。现在，此文件中的链接实际上不在 HTML 代码中，而是由其他一些 JavaScript 插入的。我可以将它们作为 DOM 元素打印出来并在我的控制台上看到它们:

<a style="..." href="...">

它们是内部链接，当我点击它们时，它们会跳转到正确的位置。但是，没有警报。可能是什么问题？我该如何调试它？

Answer 1

使用on使用委托(delegate)，以便新元素也可以接收事件:

$(document.body).on('click',"a",function(event){ 
    alert("Hello!"); 
});