javascript - jQuery .html() 中的事件不会检测到

Question

我正在尝试使用由 .html() 打印的按钮。我在搜索该网站后尝试了 .find() 但似乎仍然未检测到 onclick 事件。

<div id = "div4html">div</div>
<button id="printbtn">printbtn</button>

<script>
$("#printbtn").on( "click", function() {
    $("#div4html").html('<button id ="btntest">btntest</button>');
});

$("#div4html").find("#btntest").on( "click", function() { 
    alert("on click");
});
</script>

虽然 #btntest onclick 不显示警报，但 #btntest 上的 CSS 可以工作。 关于动态创建的元素，我不知道什么？

Answer 1

你不能这样做，因为默认情况下，js 甚至不处理新创建的内容中的事件。

方法如下:

$("#div4html").on('click', "#btntest" , function() {
// Your code
}