点击无法动态创建的内容

Question

我有一个代码来更新喜欢和不喜欢的按钮。它第一次正常工作。但如果用户再次点击按钮，它不会响应点击。我尝试改变点击类型（'点击'），类似于类似的问题。

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

Answer 1

你错误地做它作为你的代码是

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

他们使用直接的事件都相同。动态生成的元素没有绑定到它们的事件。但幸运的是，这些事件冒泡DOM树，所以你可以委托给一些外部元素。这是使用.on()创建委派事件的想法：

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

Answer 2

什么目前你正在做的是事件处理。你实际上应该做事件授权。

而且你需要更改.on点击方法，

$("document").on('click', '.like', function(event){ 
    // Put your code here  
}); 

希望这有助于！

Answer 3

您应该低于使用它，做事件委派：

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