jquery动态添加元素事件失效问题解决方法


Posted in Javascript onMay 23, 2014

今天在写JQUERY时遇到个问题:当使用脚本动态添加元素xxx时,但事件$(".x .y").click(function)...失效问题。

刚开始网上找到了用live函数,方法如下:

事件绑定:$(".x .y").click(function) 需改为:

$(".x .y").live('click',function);

但是由于1.8版本后live这种方法不再支持,所以需要用下述jquery中on方法解决脚本动态添加元素:
$(".y").on('click','.x',function);
Javascript 相关文章推荐
彻底搞懂JS无缝滚动代码
Jan 03 Javascript
jquery 指南/入门基础
Nov 30 Javascript
Jquery颜色选择器ColorPicker实现代码
Nov 14 Javascript
关于jquery input textare 事件绑定及用法学习
Apr 03 Javascript
原生js实现class的添加和删除简单代码
Jul 12 Javascript
js基于cookie记录来宾姓名的方法
Jul 19 Javascript
基于Bootstrap实现的下拉菜单手机端不能选择菜单项的原因附解决办法
Jul 22 Javascript
JS实现图片延迟加载并淡入淡出效果的简单方法
Aug 25 Javascript
5分钟打造简易高效的webpack常用配置
Jul 04 Javascript
React Native中NavigatorIOS组件的简单使用详解
Jan 27 Javascript
修改vue+webpack run build的路径方法
Sep 01 Javascript
JavaScript事件委托实现原理及优点进行
Aug 29 Javascript
JQuery弹出炫丽对话框的同时让背景变灰色
May 22 #Javascript
jQuery ui 利用 datepicker插件实现开始日期(minDate)和结束日期(maxDate)
May 22 #Javascript
浅谈JavaScript字符集
May 22 #Javascript
对new functionName()定义一个函数的理解
May 22 #Javascript
教你如何使用PHP输出中文JSON字符串
May 22 #Javascript
JS完整获取IE浏览器信息包括类型、版本、语言等等
May 22 #Javascript
JS常用表单验证方法总结
May 22 #Javascript
You might like
分页显示Oracle数据库记录的类之一
2006/10/09 PHP
PHP实现的功能是显示8条基色色带
2006/10/09 PHP
PHP form 表单传参明细研究
2009/07/17 PHP
PHP中去掉字符串首尾空格的方法
2012/05/19 PHP
PHP中多维数组的foreach遍历示例
2014/06/13 PHP
js鼠标左右键 键盘值小结
2010/06/11 Javascript
Grunt入门教程(自动任务运行器)
2015/08/06 Javascript
jQuery实现瀑布流布局详解(PC和移动端)
2020/09/01 Javascript
jQuery实现元素拖拽并cookie保存顺序的方法
2016/02/20 Javascript
用JS中split方法实现彩色文字背景效果实例
2016/08/24 Javascript
AngularJS模仿Form表单提交的实现代码
2016/12/08 Javascript
完美解决spring websocket自动断开连接再创建引发的问题
2017/03/02 Javascript
详解webpack自动生成html页面
2017/06/29 Javascript
AngularJS 中的数据源的循环输出
2017/10/12 Javascript
Angular2的管道Pipe的使用方法
2017/11/07 Javascript
浅谈vue方法内的方法使用this的问题
2018/09/15 Javascript
Angular4 Select选择改变事件的方法
2018/10/09 Javascript
如何在JS文件中获取Vue组件
2020/09/16 Javascript
[01:18]PWL开团时刻DAY4——圣剑与抢盾
2020/11/03 DOTA
[52:52]完美世界DOTA2联赛PWL S3 LBZS vs access 第一场 12.10
2020/12/13 DOTA
python统计cpu利用率的方法
2015/06/02 Python
Python实现合并两个列表的方法分析
2018/05/28 Python
python Pandas库基础分析之时间序列的处理详解
2019/07/13 Python
使用PYTHON解析Wireshark的PCAP文件方法
2019/07/23 Python
浅析pandas 数据结构中的DataFrame
2019/10/12 Python
Python OrderedDict的使用案例解析
2019/10/25 Python
python接口自动化框架实战
2020/12/23 Python
css3中背景尺寸background-size详解
2014/09/02 HTML / CSS
关于责任的演讲稿
2014/05/20 职场文书
井冈山红色之旅感想
2014/10/07 职场文书
惹女朋友生气检讨书
2015/05/06 职场文书
千手观音观后感
2015/06/03 职场文书
工作证明书
2015/06/15 职场文书
Golang 空map和未初始化map的注意事项说明
2021/04/29 Golang
详解Java实践之建造者模式
2021/06/18 Java/Android
python字典的元素访问实例详解
2021/07/21 Python