动态添加div不会触发点击事件

Question

我已经将div动态添加到HTML中，

当我尝试触发相同元素的click事件时

我迄今为止尝试过的内容如下：

 $(function(){ $("#id").bind("click",function(){ alert("hi"); }) }); 

我也尝试过使用“ on”代替“ bind”，但是它不起作用。

但是当我写简单的时候，它工作正常

 <div onclick="javascript:testFunction();"></div> 

Answer 1

使用on（）委托事件，您可以提供应该在执行绑定代码后添加的元素的静态父级。

$(function(){
   $(document).on("click", "#id",function(){
         alert("hi");
    });
});

委托活动

委派事件的优势在于，它们可以处理来自后代元素的事件，这些事件在以后的时间添加到文档中。 通过选择保证在附加委托事件处理程序时会出现的元素，您可以使用委托事件来避免频繁附加和删除事件处理程序reference的需要 。