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
发表评论

坐等沙发
相关文章
HTML中Data URI scheme BASE64 文件的拼接头
HTML中Data URI scheme BASE64 文件的拼…
WEB前端 解决监听浏览器窗口关闭之onbeforeunload不起作用?
WEB前端 解决监听浏览器窗口关闭之onbef…
vue js中json字符串转对象中数字超过16位超出变为0补位解决方案
vue js中json字符串转对象中数字超过16…
VUE el-input__suffix样式大小修改
VUE el-input__suffix样式大小修改
VUE el ui el-date-picker时间禁用范围禁用干货
VUE el ui el-date-picker时间禁用范围…
VUE 通过URL下载修改文件名的方法 和原生js 下载
VUE 通过URL下载修改文件名的方法 和原…
javaweb开发程序员php开发,微信开发。接受定制开发

最新评论