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变量作用域更轻松
Oct 25 Javascript
JQuery 动画卷页 返回顶部 动画特效(兼容Chrome)
Feb 15 Javascript
Js四则运算函数代码
Jul 21 Javascript
YUI Compressor压缩JavaScript原理及微优化
Jan 07 Javascript
鼠标滚轴控制文本框值的JS代码
Nov 19 Javascript
JavaScript自定义日期格式化函数详细解析
Jan 14 Javascript
jquery统计用户选中的复选框的个数
Jun 06 Javascript
JS+CSS实现自动改变切换方向图片幻灯切换效果的方法
Mar 02 Javascript
理解jquery事件冒泡
Jan 03 Javascript
jquery网页加载进度条的实现
Jun 01 jQuery
jquery 插件重新绑定的处理方法分析
Nov 23 jQuery
javascript实现评分功能
Jun 24 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
用ODBC的分页显示
2006/10/09 PHP
php中用数组的方法设置cookies
2011/04/21 PHP
php 中英文语言转换类
2011/09/07 PHP
PHP实现把数字ID转字母ID
2013/08/12 PHP
用js实现预览待上传的本地图片
2007/03/15 Javascript
Jquery Validation插件防止重复提交表单的解决方法
2010/03/05 Javascript
jQuery回调函数的定义及用法实例
2014/12/23 Javascript
js模拟淘宝网的多级选择菜单实现方法
2015/08/18 Javascript
js立即执行函数: (function ( ){})( ) 与 (function ( ){}( )) 有什么区别?
2015/11/18 Javascript
Bootstrap中表单控件状态(验证状态)
2016/08/04 Javascript
jQuery ajax MD5实现用户注册即时验证功能
2016/10/11 Javascript
浅谈jQuery this和$(this)的区别及获取$(this)子元素对象的方法
2016/11/29 Javascript
Nodejs读取文件时相对路径的正确写法(使用fs模块)
2017/04/27 NodeJs
BootStrap表单控件之复选框checkbox和单选择按钮radio
2017/05/23 Javascript
使用Vue实现图片上传的三种方式
2018/07/17 Javascript
vue实现多条件和模糊搜索功能
2019/05/28 Javascript
详解nvm管理多版本node踩坑
2019/07/26 Javascript
vue实现分页加载效果
2019/12/24 Javascript
python的类变量和成员变量用法实例教程
2014/08/25 Python
用Python中的wxPython实现最基本的浏览器功能
2015/04/14 Python
Python实例一个类背后发生了什么
2016/02/09 Python
听歌识曲--用python实现一个音乐检索器的功能
2016/11/15 Python
python正则表达式及使用正则表达式的例子
2018/01/22 Python
python实现自动发送邮件
2018/06/20 Python
浅谈Python traceback的优雅处理
2018/08/31 Python
Python3中urlencode和urldecode的用法详解
2019/07/23 Python
python并发编程多进程之守护进程原理解析
2019/08/20 Python
python GUI库图形界面开发之PyQt5图片显示控件QPixmap详细使用方法与实例
2020/02/27 Python
简单的HTML5初步入门教程
2015/09/29 HTML / CSS
Expedia丹麦:全球领先的旅游网站
2018/03/18 全球购物
Diptyque英国官方网站:源自法国的知名香氛品牌
2019/08/28 全球购物
ASOS西班牙官网:英国在线时尚和美容零售商
2020/01/10 全球购物
社会学专业求职信
2014/02/24 职场文书
机关作风整顿个人整改措施2014
2014/09/17 职场文书
慰问信格式规范
2015/03/23 职场文书
2016年小学优秀班主任事迹材料
2016/02/29 职场文书