javascript - jquery DOM 突变

Question

我做了这个:

<span class="a">test 1</span><div></div>

为什么.b没有激活警报？

$( ".a" ).click(function() { 
$('div').html('<span class="b">test 2</span>');
});

$( ".b" ).click(function() {
alert("Hello");
});

我不明白如何检测 DOM 的突变。

Answer 1

因为 .b 是在查询完成后创建的。当您在脚本中调用 $(".b") 时，什么也找不到，并且 click 事件也没有附加到它。您可以通过将事件附加到文档来解决它，如下所示:

$(document).on("click", ".b", function () {
  alert("hello");
});