javascript - 点击不适用于动态创建的内容

Question

这个问题已经有答案了:

Event binding on dynamically created elements? (23 个回答)

已关闭 5 年前。

我编写了一个代码来更新喜欢和不喜欢按钮。第一次使用效果很好。但如果用户再次单击按钮，它不会响应单击。我尝试按照类似类型的问题中的建议将 click 更改为 on('click')。

$('.like').on('click', function (event) {
    // My Code
});

Answer 1

你做错了，因为你的代码与

相同

$('.like').click(function(e){}). 

他们都使用直接事件。动态生成的元素没有绑定(bind)到它们的事件。但幸运的是，这些事件会在 DOM 树中冒泡，因此您可以将其委托(delegate)给一些外部元素。这就是使用 .on() 创建委托(delegate)事件的想法:

$(document).on('click', '.like', function(event) {
})