jQuery使用bind动态绑定事件无效的处理方法
时间:2018-12-11
今天小编就为大家分享一篇关于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数据代码 });
这样就能实现对动态数据绑定事件,并永不失效
总结
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对脚本之家的支持。如果你想了解更多相关内容请查看下面相关链接
- 基于Redis的Bloomfilter去重
- 使用Python分析nginx日志
- webpack务虚扫盲
- 计算机程序的思维逻辑 (2) - 赋值
- web worker 扫盲篇
- 怎样用Python实现地理编码
- httpd配置ResponseHeader
- 针对iPhone的pt、Android的dp、HTML的css像素与dpr、设计尺寸和物理像素的浅分析
- babel入门基础
- 如何构建爬虫代理服务?
- (19) 接口的本质 / 计算机程序的思维逻辑
- (18) 为什么说继承是把双刃剑 / 计算机程序的思维逻辑
- 有效的python属性管理:描述符的使用
- (17) 继承实现的基本原理 / 计算机程序的思维逻辑
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 纯Lua模拟出oenrestry+lua下Hash一致性闭环代理分发
- Java API设计 - RESTful之统一返回格式
- 亿级流量多级缓存 - Lua整合Redis/Nginx
- 正则表达式语法含义小笔记
- 基于(siger)开发的SpringBoot探针,Java监控服务器信息
- Redis 架构
- Redis 安装
- Redis 产生背景
- Java 之 synchronized
- 删库不跑路:论MySQL数据恢复
- docker安装nginx并部署一个html静态网站
- 特征选择
- Github删除某个文件的所有提交记录
- spingboot2 整合ES7.2
- 使用Nacos存储Sentinel的限流规则