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与DropDownList 区别分析
Jan 01 Javascript
jQuery的end()方法使用详解
Jul 15 Javascript
HTML5之WebSocket入门3 -通信模型socket.io
Aug 21 Javascript
轻松学习jQuery插件EasyUI EasyUI创建树形网络(1)
Nov 30 Javascript
微信小程序实现图片预加载组件
Jan 18 Javascript
websocket+node.js实现实时聊天系统问题咨询
May 17 Javascript
JavaScript模块模式实例详解
Oct 25 Javascript
js实现鼠标单击Tab表单切换效果
May 16 Javascript
Windows下Node爬虫神器Puppeteer安装记
Jan 09 Javascript
原生js实现下拉选项卡
Nov 27 Javascript
Layui弹框中数据表格中可双击选择一条数据的实现
May 06 Javascript
Openlayers绘制地图标注
Sep 28 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
dedecms采集中可以过滤多行代码的正则表达式
2007/03/17 PHP
php打造属于自己的MVC框架
2012/03/07 PHP
短信提示使用 特效
2007/01/19 Javascript
ajax 缓存 问题 requestheader
2010/08/01 Javascript
jquery focus(fn),blur(fn)方法实例代码
2011/12/16 Javascript
js字符串转换成xml对象并使用技巧解读
2013/04/18 Javascript
Javascript计算两个marker之间的距离(Google Map V3)
2013/04/26 Javascript
js如何判断不同系统的浏览器类型
2013/10/28 Javascript
javascript中键盘事件用法实例分析
2015/01/30 Javascript
jQuery选择id属性带有点符号元素的方法
2015/03/17 Javascript
JavaScript控制网页层收起和展开效果的方法
2015/04/15 Javascript
javascript实现全角半角检测的方法
2015/07/23 Javascript
jQuery+canvas实现的球体平抛及颜色动态变换效果
2016/01/28 Javascript
超实用的JavaScript表单代码段
2016/02/26 Javascript
全面了解构造函数继承关键apply call
2016/07/26 Javascript
微信小程序 五星评分(包括半颗星评分)实例代码
2016/12/14 Javascript
使用jQuery ajaxupload插件实现无刷新上传文件
2017/04/23 jQuery
Javascript刷新页面的实例
2017/09/23 Javascript
Vue-router路由判断页面未登录跳转到登录页面的实例
2017/10/26 Javascript
学习使用ExpressJS 4.0中的新Router的用法
2018/11/06 Javascript
详解vue实现坐标拾取器功能示例
2020/11/18 Vue.js
前端如何实现动画过渡效果
2021/02/05 Javascript
Python连接SQLServer2000的方法详解
2017/04/19 Python
python检测文件夹变化,并拷贝有更新的文件到对应目录的方法
2018/10/17 Python
Python3+Pycharm+PyQt5环境搭建步骤图文详解
2019/05/29 Python
Python 3 实现定义跨模块的全局变量和使用教程
2019/07/07 Python
Django shell调试models输出的SQL语句方法
2019/08/29 Python
在Sublime Editor中配置Python环境的详细教程
2020/05/03 Python
无畏的旅行:Intrepid Travel
2017/12/20 全球购物
什么是用户模式(User Mode)与内核模式(Kernel Mode) ?
2014/07/21 面试题
中软国际Java程序员笔试题
2014/07/19 面试题
小学生学习感言
2014/03/10 职场文书
师恩难忘教学反思
2014/04/27 职场文书
金融与证券专业求职信
2014/06/22 职场文书
给老婆的保证书怎么写
2015/05/08 职场文书
创业计划书之零食店(进口)
2019/09/24 职场文书