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 相关文章推荐
用javascript动态调整iframe高度的方法
Mar 06 Javascript
JS时间选择器 兼容IE6,7,8,9
Jun 26 Javascript
js 判断一个元素是否在页面中存在
Dec 27 Javascript
Jquery遍历checkbox获取选中项value值的方法
Feb 13 Javascript
Node.js中HTTP模块与事件模块详解
Nov 14 Javascript
多个jQuery版本共存的处理方案
Mar 17 Javascript
jQuery实现表单步骤流程导航代码分享
Aug 28 Javascript
jquery获取复选框checkbox的值的简单实现方法
May 26 Javascript
原生js代码实现图片放大境效果
Oct 30 Javascript
jQuery zTree树插件动态加载实例代码
May 11 jQuery
JS判断数组里是否有重复元素的方法小结
May 21 Javascript
ant design pro中可控的筛选和排序实例
Nov 17 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
一台收音机,让一家人都笑逐颜开!
2020/08/21 无线电
收音机发烧友应当熟知的100条知识
2021/03/02 无线电
法压式咖啡之制作法
2021/03/03 冲泡冲煮
用php或asp创建网页桌面快捷方式的代码
2010/03/23 PHP
php二维数组排序方法(array_multisort usort)
2013/12/25 PHP
回帖脱衣服的图片实现代码
2014/02/15 PHP
PHP中模拟处理HTTP PUT请求的例子
2014/07/22 PHP
php实现与python进行socket通信的方法示例
2017/08/30 PHP
PHP 获取 ping 时间的实现方法
2017/09/29 PHP
php使用fputcsv实现大数据的导出操作详解
2020/02/27 PHP
学习ExtJS table布局
2009/10/08 Javascript
textarea中的手动换行处理的jquery代码
2011/02/26 Javascript
用javascript作一个通用向导说明
2011/08/30 Javascript
js中如何复制一个对象并获取其所有属性和属性对应的值
2013/10/24 Javascript
wap手机图片滑动切换特效无css3元素js脚本编写
2014/07/28 Javascript
ExtJs动态生成treepanel的Json格式
2015/07/19 Javascript
JavaScript实现跨浏览器的添加及删除事件绑定函数实例
2015/08/04 Javascript
使用jQuery制作浮动工具栏的实例分享
2016/05/13 Javascript
详解基于Bootstrap+angular的一个豆瓣电影app
2017/06/26 Javascript
Node.js如何实现注册邮箱激活功能 (常见)
2017/07/23 Javascript
Vue网页html转换PDF(最低兼容ie10)的思路详解
2017/08/24 Javascript
python中去空格函数的用法
2014/08/21 Python
深入浅出分析Python装饰器用法
2017/07/28 Python
Python实现的对本地host127.0.0.1主机进行扫描端口功能示例
2019/02/15 Python
pytorch 使用单个GPU与多个GPU进行训练与测试的方法
2019/08/19 Python
django 做 migrate 时 表已存在的处理方法
2019/08/31 Python
使用Python画了一棵圣诞树的实例代码
2020/11/27 Python
python 三种方法提取pdf中的图片
2021/02/07 Python
很酷的HTML5电子书翻页动画特效
2016/02/25 HTML / CSS
Links of London官方网站:英国标志性的珠宝品牌
2017/04/09 全球购物
Lookfantastic香港官网:英国知名美妆购物网站
2018/06/19 全球购物
澳洲CFL商城:CHEMIST FOR LESS(中文)
2021/02/28 全球购物
电大学习个人自我评价范文
2013/10/04 职场文书
计算机求职信
2014/07/02 职场文书
办公经费申请报告
2015/05/15 职场文书
Python List remove()实例用法详解
2021/08/02 Python