使用MutationObserver使jQuery识别新按钮的属性（通过ajax插入）

Question

我试图在点击通过ajax插入div的按钮时触发事件。我的按钮有类btn。

以下代码仅适用于DOM中已有的按钮：

$('.btn').click(function(){
    alert('It works!');
});

我正在使用来自MDN的MutationObserver示例来识别已经对我的div创建了一个新的子节点，并且我在我的控制台中得到了一个响应：A child node has been added or removed.

如何使jQuery也识别这个子节点及其属性，以便我可以用插入的按钮触发事件？

Answer 1

您只需要使用.on()方法：

$('.btn').on("click", (function(){
    alert('It works!');
});

Answer 2

正如wOxxOm所说，我必须使用事件委托才能使其工作。

$('#divID').on('click','.btn', (function(){
    alert('It works!');
});