jquery - Onclick 函数不适用于插入的 HTML

Question

我刚刚接触 jquery，在对 jquery 进行实验时遇到了这个问题 -> 它可以将 html 插入到 div 中，但单击功能无法处理插入的 html。有人知道为什么吗？提前致谢

$(document).ready(function(){
$("#insertTest").click(function(){
$("#testDiv").html($("#testDiv").html() + '<p><a href="#" class="testClick">Click  Me</a></p>');
});

$(".testClick").click(function(){
alert('Ahoy');
});

});

<a href="#" id="insertTest">Click to Insert</a>
<div id="testDiv">
</div>

Answer 1

使用.on()方法http://api.jquery.com/on/ , .live() 从 1.7 开始已弃用，因此为了确保将来的兼容性，请使用 on() 而不是 live()

http://api.jquery.com/live/

As of jQuery 1.7, the .live() method is deprecated. Use .on() to attach event handlers. Users of older versions of jQuery should use .delegate() in preference to .live().

$('.testClick').on('click', function(){
    alert('Ahoy');
});