浅谈jQuery出现的新添加元素点击事件无效

前端之家收集整理的这篇文章主要介绍了浅谈jQuery出现的新添加元素点击事件无效前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

【前言】

    jQuery出现的新添加元素点击事件无效

 

【主体】

为什么呢?

原因: 

     因为append中的节点是在整个文档加载后才添加的,页面并不会为未来的元素初始化添加点击事件,所以使用这种方式动态添加的节点中的点击事件没有生效。

 

解决方法 

     后来用事件委托的方法解决

     为所有类为imgItem的节点添加事件,$(document).on("click","指定的元素",function(){});是将指定的事件绑定在document上,只要而新产生的元素符合指定的元素,就会绑定此事件  ,而且这种方法页面需要为多个节点初始化事件的时候,就不需要一个个加onclick事件

参考文章jQuery中的on和click的区别 

(1)写法1

$(document).on("click","table a",function(){...})

(2)写法2

$("table").on("click","a",function(){...})

 

 

猜你在找的jQuery相关文章