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特效
Aug 13 Javascript
实现只能输入数字的input不用replace方法
Sep 12 Javascript
jQuery实现的个性化返回底部与返回顶部特效代码
Oct 30 Javascript
js实现select下拉框菜单
Dec 08 Javascript
Bootstrap框架的学习教程详解(二)
Oct 18 Javascript
Three.js基础部分学习
Jan 08 Javascript
BootStrap表单时间选择器详解
May 09 Javascript
javascript 跨域问题以及解决办法
Jul 17 Javascript
swiper自定义分页器使用方法详解
Sep 14 Javascript
用node开发并发布一个cli工具的方法步骤
Jan 03 Javascript
layui table 多行删除(id获取)的方法
Sep 12 Javascript
vue实现div可拖动位置也可改变盒子大小的原理
Sep 16 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字符过滤函数去除字符串最后一个逗号(rtrim)
2013/03/26 PHP
PHP实现微信模拟登陆并给用户发送消息的方法【文字,图片,图文】
2017/06/29 PHP
laravel中的fillable和guarded属性详解
2019/10/23 PHP
Laravel 集成微信用户登录和绑定的实现
2019/12/27 PHP
在视频前插入广告
2006/11/20 Javascript
javascript中对Attr(dom中属性)的操作示例讲解
2013/12/02 Javascript
JS模仿腾讯图片站的图片翻页按钮效果完整实例
2016/06/21 Javascript
利用jquery给指定的table动态添加一行、删除一行的方法
2016/10/12 Javascript
JS限定手机版中图片大小随分辨率自动调整的方法
2016/12/05 Javascript
Vue实现内部组件轮播切换效果的示例代码
2018/04/07 Javascript
js Element Traversal规范中的元素遍历方法
2018/04/19 Javascript
快速搭建Node.js(Express)用户注册、登录以及授权的方法
2019/05/09 Javascript
JavaScript前端页面搜索功能案例【基于jQuery】
2019/07/10 jQuery
微信小程序实现录制、试听、上传音频功能(带波形图)
2020/02/27 Javascript
jQuery实现简单日历效果
2020/07/05 jQuery
[04:15]DOTA2-DPC中国联赛1月19日Recap集锦
2021/03/11 DOTA
python网络编程学习笔记(三):socket网络服务器
2014/06/09 Python
Python浅拷贝与深拷贝用法实例
2015/05/09 Python
Python 爬虫之Beautiful Soup模块使用指南
2018/07/05 Python
python过滤中英文标点符号的实例代码
2019/07/15 Python
基于python全局设置id 自动化测试元素定位过程解析
2019/09/04 Python
Opencv求取连通区域重心实例
2020/06/04 Python
Visual Studio code 配置Python开发环境
2020/09/11 Python
浅析python 字典嵌套
2020/09/29 Python
世界上最大的巴士旅游观光公司:Big Bus Tours
2016/10/20 全球购物
德国机车企业:FC-Moto
2017/10/27 全球购物
瑞典时尚服装购物网站:Miinto.se
2017/10/30 全球购物
介绍一下木马病毒的种类
2015/07/26 面试题
夜大自我鉴定
2013/10/31 职场文书
小学生暑假家长评语
2014/04/17 职场文书
2015年暑假生活总结
2015/07/13 职场文书
初三毕业感言
2015/07/31 职场文书
Go语言操作数据库及其常规操作的示例代码
2021/04/21 Golang
详解NodeJS模块化
2021/06/15 NodeJs
Nginx部署vue项目和配置代理的问题解析
2021/08/04 Servers
GTX1650super好不好 gtx1650super显卡属于什么级别
2022/04/08 数码科技