jQuery on()动态加载点击事件失效

今天做一个动态数据加载图片的样式,网上百度了好久发现好多用live bind 等方法都不好用,最后发现了原来是有如下区别

html

<div class="center">
<img alt="" src="">

</div>

失效前的的代码

$(".center").on("click",function(){
})

可用代码如下

$(".center").on("click",'img',function(){
})

0绑定事件的时候还没有不存在新的img的dom,所以要通过.center父节点去查找这个img的子节点

jQuery on()动态加载点击事件失效-上流阁

*文章为作者独立观点,不代表上流阁立场
本文由 江风成 授权 上流阁 发表,并经上流阁编辑。转载此文章须经作者同意,并请附上出处(上流阁)及本页链接。原文链接https://www.o6c.com/web/2017/11/29/1086.html
发表评论

坐等沙发
相关文章
html5手机端播放器可拖动播放自定义播放器
html5手机端播放器可拖动播放自定义播放器
web前端之常用js方法整理common共同引用
web前端之常用js方法整理common共同引用
web前端之js处理金额大写转换
web前端之js处理金额大写转换
web前端开发中html获取屏幕、浏览器、页面的相对高度宽度方法
web前端开发中html获取屏幕、浏览器、页…
html5移动端响应式图片使用方法
html5移动端响应式图片使用方法
html5 移动web端开发规范
html5 移动web端开发规范
javaweb开发程序员php开发,微信开发。接受定制开发

最新评论