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 相关文章推荐
jQuery $.each的用法说明
Mar 22 Javascript
js创建对象的几种常用方式小结(推荐)
Oct 24 Javascript
JavaScript中数组的排序、乱序和搜索实现代码
Nov 30 Javascript
新发现一个骗链接的方法(js读取cookies)
Jan 11 Javascript
详解JavaScript中的异常处理方法
Jun 16 Javascript
js实现仿微博滚动显示信息的效果
Dec 21 Javascript
JS异步文件上传(兼容IE8+)
Apr 02 Javascript
JS伪继承prototype实现方法示例
Jun 20 Javascript
详解如何搭建mpvue框架搭配vant组件库的小程序项目
May 16 Javascript
微信小程序之下拉列表实现方法解析(附完整源码)
Aug 23 Javascript
Vue使用v-viewer实现图片预览
Oct 21 Javascript
vue切换菜单取消未完成接口请求的案例
Nov 13 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中uploaded_files函数使用方法详解
2011/03/09 PHP
如何用php获取文件名后缀
2013/06/09 PHP
注意:php5.4删除了session_unregister函数
2013/08/05 PHP
php使用curl实现简单模拟提交表单功能
2017/05/15 PHP
使javascript也能包含文件
2006/10/26 Javascript
javascript:void(0)使用探讨
2013/08/27 Javascript
详解js数组的完全随机排列算法
2016/12/16 Javascript
jquery实现刷新随机变化样式特效(tag标签样式)
2017/02/03 Javascript
JavaScript实现简单精致的图片左右无缝滚动效果
2017/03/16 Javascript
jquery+ajaxform+springboot控件实现数据更新功能
2018/01/22 jQuery
解决淘宝cnpm 安装后cnpm不是内部或外部命令的问题
2018/05/17 Javascript
使用Angular自定义字段校验指令的方法示例
2019/02/01 Javascript
vue分页器组件编写方法详解
2019/06/28 Javascript
原生js实现简单轮播图
2020/10/26 Javascript
[01:10:03]OG vs EG 2018国际邀请赛淘汰赛BO3 第三场 8.23
2018/08/24 DOTA
Python中用altzone()方法处理时区的教程
2015/05/22 Python
Python中set与frozenset方法和区别详解
2016/05/23 Python
Python实现多条件筛选目标数据功能【测试可用】
2018/06/13 Python
Python学习笔记之函数的定义和作用域实例详解
2019/08/13 Python
python中的RSA加密与解密实例解析
2019/11/18 Python
Python简单实现区域生长方式
2020/01/16 Python
python爬虫数据保存到mongoDB的实例方法
2020/07/28 Python
阿迪达斯荷兰官方网站:adidas荷兰
2018/03/16 全球购物
耐克中国官方商城:Nike中国
2018/10/18 全球购物
英文版网络工程师求职信
2013/10/28 职场文书
生日庆典策划方案
2014/06/02 职场文书
学校政风行风整改方案
2014/10/25 职场文书
2014年机关党建工作总结
2014/11/11 职场文书
2014年学校总务处工作总结
2014/12/08 职场文书
小学教师师德师风自我评价
2015/03/04 职场文书
用人单位聘用意向书
2015/05/11 职场文书
个人工作决心书
2015/09/22 职场文书
2016年端午节红领巾广播稿
2015/12/18 职场文书
团组织关系介绍信
2019/06/24 职场文书
nginx结合openssl实现https的方法
2021/07/25 Servers
MySQL中order by的执行过程
2022/06/05 MySQL