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的选中方法(实例讲解)
Jun 27 jQuery
jQuery事件_动力节点Java学院整理
Jul 05 jQuery
jQuery封装placeholder效果实现方法,让低版本浏览器支持该效果
Jul 08 jQuery
自定义类似于jQuery UI Selectable 的Vue指令v-selectable
Aug 23 jQuery
解决JQuery全选/反选第二次失效的问题
Oct 11 jQuery
浅谈jquery fullpage 插件增加头部和版权的方法
Mar 20 jQuery
通过jquery的ajax请求本地的json文件方法
Aug 08 jQuery
jQuery 实现批量提交表格多行数据的方法
Aug 09 jQuery
jQuery中实现text()的方法
Apr 04 jQuery
jquery实现直播弹幕效果
Nov 28 jQuery
jquery制作的移动端购物车效果完整示例
Feb 24 jQuery
jQuery实现的解析本地 XML 文档操作示例
Apr 30 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实现微信公众号无限群发
2015/10/11 PHP
基于ThinkPHP实现批量删除
2015/12/18 PHP
PHP生成word文档的三种实现方式
2016/11/14 PHP
深入理解JavaScript系列(2) 揭秘命名函数表达式
2012/01/15 Javascript
你未必知道的JavaScript和CSS交互的5种方法
2014/04/02 Javascript
jQuery中Form相关知识汇总
2015/01/06 Javascript
AngularJS基础教程之简单介绍
2015/09/27 Javascript
Angular发布1.5正式版,专注于向Angular 2的过渡
2016/02/18 Javascript
JS锚点的设置与使用方法
2016/09/05 Javascript
在vue中使用css modules替代scroped的方法
2018/03/10 Javascript
详解webpack打包nodejs项目(前端代码)
2018/09/19 NodeJs
Vue 重置组件到初始状态的方法示例
2018/10/10 Javascript
vue中轮训器的使用
2019/01/27 Javascript
400多行Python代码实现了一个FTP服务器
2012/05/10 Python
python实现将html表格转换成CSV文件的方法
2015/06/28 Python
Windows下Python的Django框架环境部署及应用编写入门
2016/03/10 Python
Python中shutil模块的学习笔记教程
2017/04/04 Python
python+mongodb数据抓取详细介绍
2017/10/25 Python
Python中的二维数组实例(list与numpy.array)
2018/04/13 Python
canvas实现高阶贝塞尔曲线(N阶贝塞尔曲线生成器)
2018/01/10 HTML / CSS
Html5页面点击遮罩层背景关闭遮罩层
2020/11/30 HTML / CSS
购买中国最好的电子产品:Geekbuying
2018/03/13 全球购物
计算s=f(f(-1.4))的值
2014/05/06 面试题
出纳的岗位职责
2013/11/09 职场文书
技术总监岗位职责
2013/12/05 职场文书
优秀教师事迹简介
2014/02/02 职场文书
就业推荐表自我鉴定
2014/03/21 职场文书
村党支部换届选举方案
2014/05/02 职场文书
关于感谢信的范文
2015/01/23 职场文书
保送生自荐信范文
2015/03/26 职场文书
党支部工作总结2015
2015/04/01 职场文书
紧急迫降观后感
2015/06/15 职场文书
2016年清明节期间群众祭祀活动工作总结
2016/04/01 职场文书
判断Python中的Nonetype类型
2021/05/25 Python
Vue提供的三种调试方式你知道吗
2022/01/18 Vue.js
使用python创建股票的时间序列可视化分析
2022/03/03 Python