js新添加的标签，点击事件无效的原因和解决办法

最新推荐文章于 2024-02-05 23:48:56 发布

转载最新推荐文章于 2024-02-05 23:48:56 发布 · 2.5k 阅读

文章标签：

#js点击事件

日常问题专栏收录该内容

18 篇文章

订阅专栏

本文深入探讨了jQuery中事件委托的两种实现方式，一种是使用$(document).on()方法，另一种是使用.live()方法（适用于旧版本jQuery）。文章指出，对于动态添加的元素，直接在元素上绑定事件将失效，而通过事件委托可以有效解决这一问题，确保事件能够被正确触发。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

对于新添加的标签应用如下写法会失效：
　　$('.class').on("click",function(){……});
相当于：
　　$('.class').bind("click",function(){……});
下边的方法会生效：
　　$(document).on("click",'.class',function(){……});
相当于：
　　$('.class').live("click",function(){……});

亲测有效