对于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

使用上与代表团以使新的元素也可以接收事件:

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