jQuery使用bind动态绑定事件无效的处理方法
更新时间：2018年12月11日 10:28:12 作者：执笔记忆的空白
今天小编就为大家分享一篇关于jQuery使用bind动态绑定事件无效的处理方法，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧
最近在进行页面开发，在做页面特效的时候，需要给一个动态加载的按钮赋予一个事件
于是不假思索的 用$(obj).bind(); 来绑定事件 。
但是这样存在一个问题：
bind确实能绑定事件，但是那是相对于固定的html标签来说
当页面内容属于动态加载的时候，bind事件就存在一个bug, 只能bind一次，当你第二次触发事件的时候就没用了
例如：
我给<a>标签赋予一个click ， <a>标签包括内容都是从后台数据读取然后动态加载的。当我使用bind来绑定click事件，这时， 第一次点击click能成功触发
但是第二次点击，click事件无效了.
后面研究发现，jQuery还有个绑定事件的方法：delegate(); 用法如下：
$(".sentnum-box").delegate(".a-add-ordergoods","click",function(){
//js数据代码
});
这样就能实现对动态数据绑定事件，并永不失效
总结
以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，谢谢大家对脚本之家的支持。如果你想了解更多相关内容请查看下面相关链接
相关文章
JQuery中attr属性和jQuery.data()学习笔记【必看】
下面小编就为大家带来一篇JQuery中attr属性和jQuery.data()学习笔记【必看】。小编觉得挺不错的，现在分享给大家，也给大家做个参考，一起跟随小编过来看看吧2016-05-05
这篇文章主要介绍了jQuery.holdReady()方法用法,以实例形式分析了holdReady()方法在暂停或者恢复jQuery.ready()事件的使用技巧,具有一定的参考借鉴价值,需要的朋友可以参考下2014-12-12
远离JS灾难css灾难之 js私有函数和css选择器作为容器
当一个项目庞大到一定阶段，例如UI展示层采用了模块化模板化之后，就会出现js灾难，css灾难，经常出现以前从来不放在一起的两个js或css莫名奇妙的被放到了一个页面，基本的原因是模块重用造成的2011-12-12
本文主要介绍了jQuery事件与动画的基础知识，具有很好的参考价值，下面跟着小编一起来看下吧2017-02-02
这篇文章主要介绍了jQuery中addClass()方法用法,实例分析了addClass()方法的功能、定义及向匹配元素添加一个或多个类的使用技巧,需要的朋友可以参考下2015-01-01
这篇文章主要介绍了jQuery插件开发的五种形态小结，具体的内容就是解决javascript插件的8种特征，非常的详细，这里推荐给小伙伴们。2015-03-03
这篇文章主要介绍了jQuery表格(Table)基本操作,结合实例形式分析了jQuery针对表格常见的样式、属性及增删行等相关操作技巧,需要的朋友可以参考下2017-03-03
这篇文章主要介绍了jsonp跨域请求数据实现手机号码查询的方法,结合实例形式较为详细的分析了jsonp跨域请求数据的原理与查询号码的应用技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-12-12
这篇文章主要介绍了jQuer输入框插件封装方法，这样可以提高程序员的开发效率，非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-08-08
这篇文章主要介绍了jQuery在header中设置请求信息的方法,非常不错，具有参考借鉴价值，需要的朋友可以参考下2017-03-03
最新评论