浅谈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(){...})

.

相关推荐