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 相关文章推荐
用jscript实现新建word文档
Jun 15 Javascript
Javascript 事件流和事件绑定
Jul 16 Javascript
JavaScript Event事件学习第一章 Event介绍
Feb 07 Javascript
javascript中有趣的反柯里化深入分析
Dec 05 Javascript
ext combobox动态加载数据库数据(附前后台)
Jun 17 Javascript
在JavaScript里防止事件函数高频触发和高频调用的方法
Sep 06 Javascript
jQuery数据缓存用法分析
Feb 20 Javascript
javascript 闭包详解及简单实例应用
Dec 31 Javascript
浅谈关于angularJs中使用$.ajax的注意点
Aug 12 Javascript
vue基于mint-ui实现城市选择三级联动
Jun 30 Javascript
vue中组件通信的八种方式(值得收藏!)
Aug 09 Javascript
Layui tree 下拉菜单树的实例代码
Sep 21 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
BBS(php &amp; mysql)完整版(四)
2006/10/09 PHP
php下实现在指定目录搜索指定类型文件的函数
2008/10/03 PHP
PHP无限分类(树形类)的深入分析
2013/06/02 PHP
服务器迁移php版本不同可能诱发的问题
2015/12/22 PHP
详解PHP的Yii框架中扩展的安装与使用
2016/04/01 PHP
ThinkPHP like模糊查询,like多匹配查询,between查询,in查询,一般查询书写方法
2018/09/26 PHP
IE 下的只读 innerHTML
2009/08/21 Javascript
Jquery 滑入滑出效果实现代码
2010/03/27 Javascript
jquery打开直接跳到网页最下面、最低端实现代码
2013/04/22 Javascript
Jquery 获取指定标签的对象及属性的设置与移除
2014/05/29 Javascript
jQuery+jsp下拉框联动获取本地数据的方法(附源码)
2015/12/03 Javascript
使用bootstrap validator的remote验证代码经验分享(推荐)
2016/09/21 Javascript
JS组件系列之JS组件封装过程详解
2017/04/28 Javascript
layUI实现列表查询功能
2019/07/27 Javascript
js脚本中执行java后台代码方法解析
2019/10/11 Javascript
[44:01]2018DOTA2亚洲邀请赛3月30日 小组赛B组 EG VS paiN
2018/03/31 DOTA
Python 多线程抓取图片效率对比
2016/02/27 Python
对于Python中RawString的理解介绍
2016/07/07 Python
Python实现基本线性数据结构
2016/08/22 Python
Django数据库表反向生成实例解析
2018/02/06 Python
python实现音乐下载器
2018/04/15 Python
python email smtplib模块发送邮件代码实例
2018/04/26 Python
python读取并写入mat文件的方法
2019/07/12 Python
python3实现在二叉树中找出和为某一值的所有路径(推荐)
2019/12/26 Python
QML用PathView实现轮播图
2020/06/03 Python
python中delattr删除对象方法的代码分析
2020/12/15 Python
美国领先的礼品卡网站:GiftCards.com
2016/11/02 全球购物
Crabtree & Evelyn英国官网:瑰珀翠护手霜、香水、沐浴和身体护理
2018/04/26 全球购物
金山毒霸系列的笔试题
2013/04/13 面试题
什么是Connection-oriented Protocol/Connectionless Protocol面向连接的协议/无连接协议
2012/09/06 面试题
介绍一下Linux内核的排队自旋锁
2014/08/27 面试题
元旦联欢会感言
2014/03/04 职场文书
体育课课后反思
2014/04/24 职场文书
打架赔偿协议书范本
2014/10/26 职场文书
毕业班班主任工作总结2015
2015/07/23 职场文书
浅谈Python numpy创建空数组的问题
2021/05/25 Python