append()方法生成的元素绑定的事件失效解决办法

Posted zqqya

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了append()方法生成的元素绑定的事件失效解决办法相关的知识,希望对你有一定的参考价值。

我使用append()方法动态生成的a链接的click事件没有起效果,查找了资料,了解到,我使用的onclick方法绑定的事件对动态生成的元素是无效的,解决办法如下:

使用事件委托,并且要用on来绑定未来事件:

  $(父节点).on(“事件”,“目标节点”,function(){})

 我这里的例子是:

 $(‘#com‘).on("click",".comment",function(e){})

 问题解决了。


 
  



以上是关于append()方法生成的元素绑定的事件失效解决办法的主要内容,如果未能解决你的问题,请参考以下文章

jquery中,使用append增加元素时,该元素的绑定监听事件失效

jquery append方法加标签class失效

关于动态生成dom绑定事件失效的原因

append追加元素绑定事件无效的解决办法

jquery 动态添加的元素 绑定事件click失效

处理jQuery append加入的元素 绑定事件无效的方法