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 相关文章推荐
Javascript面向对象之四 继承
Feb 08 Javascript
js获取多个tagname的节点数组
Sep 22 Javascript
在Node.js应用中使用Redis的方法简介
Jun 24 Javascript
微信小程序 后台https域名绑定和免费的https证书申请详解
Nov 10 Javascript
jQuery插件jquery.kxbdmarquee.js实现无缝滚动效果
Feb 15 Javascript
jQuery按需加载轮播图(web前端性能优化)
Feb 17 Javascript
微信小程序 地图map实例详解
Jun 07 Javascript
基于LayUI分页和LayUI laypage分页的使用示例
Aug 02 Javascript
详解VUE项目中安装和使用vant组件
Apr 28 Javascript
解决Layui 表格自适应高度的问题
Nov 15 Javascript
JS 获取文件后缀,判断文件类型(比如是否为图片格式)
May 09 Javascript
Antd下拉选择,自动匹配功能的实现
Oct 24 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
一个php作的文本留言本的例子(四)
2006/10/09 PHP
php循环检测目录是否存在并创建(循环创建目录)
2011/01/06 PHP
PHP 数组和字符串互相转换实现方法
2013/03/26 PHP
php导出word格式数据的代码实例
2013/11/25 PHP
php操作mysql数据库的基本类代码
2014/02/25 PHP
PHP中array_map与array_column之间的关系分析
2014/08/19 PHP
PHP curl使用实例
2015/07/02 PHP
在一个form用一个SUBMIT(或button)分别提交到两个处理表单页面的代码
2007/02/15 Javascript
AJAX架构之Dojo篇
2007/04/10 Javascript
JavaScript中使用正则匹配多条,且获取每条中的分组数据
2010/11/30 Javascript
jQuery动态地获取系统时间实现代码
2013/05/24 Javascript
JQuery做的一个简单的点灯游戏分享
2014/07/16 Javascript
javascript在IE下trim函数无法使用的解决方法
2014/09/12 Javascript
JS小游戏之仙剑翻牌源码详解
2014/09/25 Javascript
Validform+layer实现漂亮的表单验证特效
2016/01/17 Javascript
JS实现pasteHTML兼容ie,firefox,chrome的方法
2016/06/22 Javascript
vue.js移动端app之上拉加载以及下拉刷新实战
2017/09/11 Javascript
Bootstrap Tooltip显示换行和左对齐的解决方案
2017/10/11 Javascript
js实现一个简单的MVVM框架示例
2018/01/15 Javascript
写一个移动端惯性滑动&amp;回弹Vue导航栏组件 ly-tab
2018/03/06 Javascript
Python GAE、Django导出Excel的方法
2008/11/24 Python
python3.x上post发送json数据
2018/03/04 Python
通过python将大量文件按修改时间分类的方法
2018/10/17 Python
python实现H2O中的随机森林算法介绍及其项目实战
2019/08/29 Python
Python 自动登录淘宝并保存登录信息的方法
2019/09/04 Python
python查找特定名称文件并按序号、文件名分行打印输出的方法
2020/04/24 Python
python绘制分布折线图的示例
2020/09/24 Python
Opencv+Python识别PCB板图片的步骤
2021/01/07 Python
欧洲最大的球衣网上商店:Kitbag
2017/11/11 全球购物
求两个数的乘积和商数,该作用由宏定义来实现
2013/03/13 面试题
2014年中学生检讨书大全
2014/10/09 职场文书
2015年世界无烟日活动总结
2015/02/10 职场文书
信访维稳承诺书
2015/05/04 职场文书
2015暑期社会实践调查报告
2015/07/14 职场文书
2016年幼儿园教师师德承诺书
2016/03/25 职场文书
解决Mysql报错 Table 'mysql.user' doesn't exist
2022/05/06 MySQL