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 相关文章推荐
通过Unicode转义序列来加密,按你说的可以算是混淆吧
May 06 Javascript
JS setCapture 区域外事件捕捉
Mar 18 Javascript
关于IE浏览器以及Firefox下的javascript冒泡事件的响应层级
Oct 14 Javascript
jQuery判断元素是否是隐藏的代码
Apr 24 Javascript
jquery动画4.升级版遮罩效果的图片走廊--带自动运行效果
Aug 24 Javascript
js遍历td tr等html元素
Dec 13 Javascript
详谈javascript异步编程
Feb 21 Javascript
javascript每日必学之继承
Feb 23 Javascript
jquery日历插件e-calendar升级版
Nov 10 Javascript
详解基于webpack搭建react运行环境
Jun 01 Javascript
vue cli使用融云实现聊天功能的实例代码
Apr 19 Javascript
vscode vue 文件模板的配置方法
Jul 23 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
在线短消息收发的程序,不用数据库
2006/10/09 PHP
phpMyAdmin下载、安装和使用入门教程
2007/05/31 PHP
限制ckeditor上传图片文件大小的方法
2013/11/15 PHP
destoon出现验证码不显示时的紧急处理方法
2014/08/22 PHP
php版微信公众号接口实现发红包的方法
2016/10/14 PHP
php上传excel表格并获取数据
2017/04/27 PHP
调试代码导致IE出错的避免方法
2014/04/04 Javascript
java、javascript实现附件下载示例
2014/08/14 Javascript
node.js中的path.normalize方法使用说明
2014/12/08 Javascript
jquery获得当前html页面源码的方法
2015/07/14 Javascript
详解参数传递四种形式
2015/07/21 Javascript
Bootstrap每天必学之滚动监听
2016/03/16 Javascript
使用jQuery Ajax 请求webservice来实现更简练的Ajax
2016/08/04 Javascript
浅谈JavaScript正则表达式-非捕获性分组
2017/03/08 Javascript
node.js平台下利用cookie实现记住密码登陆(Express+Ejs+Mysql)
2017/04/26 Javascript
angular 实现的输入框数字千分位及保留几位小数点功能示例
2018/06/19 Javascript
jQuery实现视频展示效果
2020/05/30 jQuery
JS实现页面侧边栏效果探究
2021/01/08 Javascript
[00:34]DOTA2上海特级锦标赛 VG战队宣传片
2016/03/04 DOTA
python 切片和range()用法说明
2013/03/24 Python
Python matplotlib绘图可视化知识点整理(小结)
2018/03/16 Python
安装并免费使用Pycharm专业版(学生/教师)
2020/09/24 Python
Django-simple-captcha验证码包使用方法详解
2020/11/28 Python
怎样有效的进行自我评价
2013/10/06 职场文书
大学生求职自荐信
2013/12/12 职场文书
策划总监岗位职责
2014/02/16 职场文书
市场营销管理毕业生自荐信
2014/03/03 职场文书
刊首寄语大全
2014/04/11 职场文书
企业活动策划方案
2014/06/02 职场文书
2015年度服装销售工作总结
2015/03/31 职场文书
交流会主持词
2015/07/02 职场文书
幼儿园安全教育随笔
2015/08/14 职场文书
2019求职信:应届生求职信范文
2019/04/24 职场文书
2019年恭贺升学祝福语集锦
2019/08/15 职场文书
python如何读取.mtx文件
2021/04/22 Python
Python基于Opencv识别两张相似图片
2021/04/25 Python