Jquery对新插入的节点 绑定Click事件失效的解决方法


Posted in Javascript onJune 02, 2016

1.有人说用 Live, 事实上现在最新的Jquery已经不支持 Live 了。live的解决方法如下:

你可以看这个 也可以不看 ,只是做到心中有数就可以了。下面介绍ON的方法。

live:Live的使用介绍

2.有人用了ON 来解决, 这个解决方法基本在理。

On :On的介绍,能解决问题

On的方法,基本能解决问题,但是你也要根据你的具体情况做选择。并不是每个人的代码都像上面这个案例描述的那么简单。但是万变不离其宗。

我是这样来做的,最终把问题解决了。 

我有一个UL 标签是静态的,就是说不是后来动态添加的。

然后我动态添加了像

“<li><a href="#" ....>链接</a></li>”的内容。

我是按下面的方法做的选择。

$("#subul").on('click','li>a', function (e) {
  //取消冒泡
  //var e = e || window.event;
  // e.stopPropagation();
  alert("asssss");
  var areaid = this.attributes.getNamedItem("id").nodeValue;
  alert(areaid);
  $("#subul>li>a").removeClass("smallBtSelected");
  $("#" + areaid).addClass("smallBtSelected");

})

以上这篇Jquery对新插入的节点 绑定Click事件失效的解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JS Array对象入门分析
Oct 30 Javascript
jQuery getJSON 处理json数据的代码
Jul 26 Javascript
关于JS控制代码暂停的实现方法分享
Oct 11 Javascript
js遍历、动态的添加数据的小例子
Jun 22 Javascript
jQuery判断checkbox是否选中的3种方法
Aug 12 Javascript
JavaScript如何实现对数字保留两位小数一位自动补零
Dec 18 Javascript
详解js私有作用域中创建特权方法
Jan 25 Javascript
bootstrap fileinput 上传插件的基础使用
Feb 17 Javascript
js实现产品缩略图效果
Mar 10 Javascript
jquery实现一个全局计时器(商城可用)
Jun 30 jQuery
用javascript获取任意颜色的更亮或更暗颜色值示例代码
Jul 21 Javascript
vue实现pdf文档在线预览功能
Nov 26 Javascript
JS从一组数据中找到指定的单条数据的方法
Jun 02 #Javascript
jquery使用on绑定a标签无效 只能用live解决
Jun 02 #Javascript
深入理解jQuery事件绑定
Jun 02 #Javascript
jQuery获取单击节点对象的方法
Jun 02 #Javascript
Bootstrap开发实战之响应式轮播图
Jun 02 #Javascript
JavaScript核心语法总结(推荐)
Jun 02 #Javascript
javascript基础语法——全面理解变量和标识符
Jun 02 #Javascript
You might like
Thinkphp将二维数组变为标签适用的一维数组方法总结
2014/10/30 PHP
php数组合并与拆分实例分析
2015/06/12 PHP
PDO::inTransaction讲解
2019/01/28 PHP
PHP设计模式之策略模式原理与用法实例分析
2019/04/04 PHP
PHP goto语句用法实例
2019/08/06 PHP
EXT中xtype的含义分析
2010/01/07 Javascript
类似GMAIL的Ajax信息反馈显示
2010/02/16 Javascript
JavaScript高级程序设计 阅读笔记(二十一) JavaScript中的XML
2012/09/14 Javascript
Windows系统下Node.js的简单入门教程
2015/06/23 Javascript
JavaScript中的一些隐式转换和总结(推荐)
2017/12/22 Javascript
js实现同一个页面,多个enter事件绑定的示例
2018/10/10 Javascript
vuejs简单验证码功能完整示例
2019/01/08 Javascript
nodejs 递归拷贝、读取目录下所有文件和目录
2019/07/18 NodeJs
vuejs中父子组件之间通信方法实例详解
2020/01/17 Javascript
vue实现几秒后跳转新页面代码
2020/09/09 Javascript
原生JavaScript实现轮播图
2021/01/10 Javascript
[48:35]2018DOTA2亚洲邀请赛 4.1 小组赛 A组加赛 TNC vs Optic
2018/04/03 DOTA
python中如何使用正则表达式的非贪婪模式示例
2017/10/09 Python
Python爬虫——爬取豆瓣电影Top250代码实例
2019/04/17 Python
Python Django 简单分页的实现代码解析
2019/08/21 Python
python二元表达式用法
2019/12/04 Python
python实现飞机大战项目
2020/03/11 Python
django之从html页面表单获取输入的数据实例
2020/03/16 Python
Python3 + Appium + 安卓模拟器实现APP自动化测试并生成测试报告
2021/01/27 Python
NUK奶瓶美国官网:NUK美国
2016/09/26 全球购物
维也纳通行证:Vienna PASS
2019/07/18 全球购物
财务会计专业个人求职信范本
2014/01/08 职场文书
创业计划书撰写原则
2014/01/25 职场文书
高中运动会广播稿
2014/09/16 职场文书
监察建议书
2015/02/04 职场文书
现货白银电话营销话术
2015/05/29 职场文书
教师节领导致辞
2015/07/29 职场文书
开学第一天的感想
2015/08/10 职场文书
《水上飞机》教学反思
2016/02/20 职场文书
5个pandas调用函数的方法让数据处理更加灵活自如
2022/04/24 Python
delete in子查询不走索引问题分析
2022/07/07 MySQL