jQuery使用bind动态绑定事件无效的处理方法


Posted in jQuery onDecember 11, 2018

最近在进行页面开发,在做页面特效的时候,需要给一个动态加载的按钮赋予一个事件

于是不假思索的 用$(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 相关文章推荐
jQuery菜单实例(全选,反选,取消)
Aug 28 jQuery
jQuery ajax读取本地json文件的实例
Oct 31 jQuery
浅谈ajax在jquery中的请求和servlet中的响应
Jan 22 jQuery
jQuery实现的鼠标响应缓冲动画效果示例
Feb 13 jQuery
jQuery中复合选择器简单用法示例
Mar 31 jQuery
jQuery实现监听下拉框选中内容发生改变操作示例
Jul 13 jQuery
jQuery实现的点击图片居中放大缩小功能示例
Jan 16 jQuery
jQuery实现简单的Ajax调用功能示例
Feb 15 jQuery
详解JQuery基础动画操作
Apr 12 jQuery
jquery实现选项卡切换代码实例
May 14 jQuery
9种方法优化jQuery代码详解
Feb 04 jQuery
jQuery实现简单聊天室
Feb 08 jQuery
jQuery实现点击旋转,再点击恢复初始状态动画效果示例
Dec 11 #jQuery
jQuery实现的模仿雨滴下落动画效果
Dec 11 #jQuery
jQuery实现数字自动增加或者减少的动画效果示例
Dec 11 #jQuery
JQuery实现ajax请求的示例和注意事项
Dec 10 #jQuery
jQuery选择器选中最后一个元素,倒数第二个元素操作示例
Dec 10 #jQuery
jQuery+css last-child实现选择最后一个子元素操作示例
Dec 10 #jQuery
JQuery Ajax执行跨域请求数据的解决方案
Dec 10 #jQuery
You might like
用PHP查询域名状态whois的类
2006/11/25 PHP
用PHP查询搜索引擎排名位置的代码
2010/01/05 PHP
Zend Framework实现多服务器共享SESSION数据的方法
2016/03/22 PHP
php取出数组单个值的方法
2018/03/12 PHP
Laravel框架实现model层的增删改查(CURD)操作示例
2018/05/12 PHP
Javascript调试工具(下载)
2007/01/09 Javascript
快速解决jquery之get缓存问题的最简单方法介绍
2013/12/19 Javascript
jQuery的animate函数实现图文切换动画效果
2015/05/03 Javascript
基于jQuery.Hz2Py.js插件实现的汉字转拼音特效
2015/05/07 Javascript
JavaScript实现将UPC转换成ISBN的方法
2015/05/26 Javascript
jquery点赞功能实现代码 点个赞吧!
2020/05/29 jQuery
BootStrap Fileinput插件和Bootstrap table表格插件相结合实现文件上传、预览、提交的导入Excel数据操作步骤
2017/08/07 Javascript
利用CDN加速react webpack打包后的文件详解
2018/02/22 Javascript
React 路由懒加载的几种实现方案
2018/10/23 Javascript
小程序封装路由文件和路由方法(5种全解析)
2019/05/26 Javascript
Vue axios与Go Frame后端框架的Options请求跨域问题详解
2020/03/03 Javascript
基于JavaScript实现轮播图效果
2021/01/02 Javascript
python使用scrapy解析js示例
2014/01/23 Python
python查询mysql,返回json的实例
2018/03/26 Python
Python实现判断并移除列表指定位置元素的方法
2018/04/13 Python
Python实现的爬取网易动态评论操作示例
2018/06/06 Python
python后端接收前端回传的文件方法
2019/01/02 Python
Python2与Python3的区别点整理
2019/12/12 Python
pyftplib中文乱码问题解决方案
2020/01/11 Python
html5借用repeating-linear-gradient实现一把刻度尺(ruler)
2019/09/09 HTML / CSS
安全资料员岗位职责
2013/12/14 职场文书
倡议书范文格式
2014/05/12 职场文书
学校花圃的标语
2014/06/18 职场文书
人代会标语
2014/06/30 职场文书
医院党的群众路线教育实践活动领导班子对照检查材料
2014/09/25 职场文书
2014年党员干部四风问题自我剖析材料
2014/09/29 职场文书
镇人大副主席民主生活会对照检查材料思想汇报
2014/10/01 职场文书
初中体育课教学反思
2016/02/16 职场文书
《追风筝的人》:人心中的成见是座大山,但请不忘初心
2019/11/15 职场文书
MySQL query_cache_type 参数与使用详解
2021/07/01 MySQL
Java中的Kafka为什么性能这么快及4大核心详析
2022/09/23 Java/Android