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 相关文章推荐
用dom+xhtml+css制作的一个相册效果代码打包下载
Jan 24 Javascript
jQuery的链式调用浅析
Dec 03 Javascript
js与jquery中获取当前鼠标的x、y坐标位置的代码
May 23 Javascript
JavaScript高级程序设计 阅读笔记(十三) js定义类或对象
Aug 14 Javascript
node.js中的fs.writeFileSync方法使用说明
Dec 14 Javascript
解决JS请求服务器gbk文件乱码的问题
Oct 16 Javascript
基于javascript实现最简单的选项卡切换效果
May 16 Javascript
jQuery弹出遮罩层效果完整示例
Sep 13 Javascript
JavaScript学习笔记整理_用于模式匹配的String方法
Sep 19 Javascript
给easyui的datebox控件添加清空按钮的实现方法
Nov 09 Javascript
js实现购物车功能
Jun 12 Javascript
axios异步提交表单数据的几种方法
Aug 11 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
笑谈配置,使用Smarty技术
2007/01/04 PHP
PHP解析html类库simple_html_dom的转码bug
2014/05/22 PHP
php调用自己java程序的方法详解
2016/05/13 PHP
php与c 实现按行读取文件实例代码
2017/01/03 PHP
Laravel实现表单提交
2017/05/07 PHP
解决php写入数据库乱码的问题
2019/09/17 PHP
基于laravel where的高级使用方法
2019/10/10 PHP
用javascript实现无刷新更新数据的详细步骤 asp
2006/12/26 Javascript
在IE 浏览器中使用 jquery的fadeIn() 效果 英文字符字体加粗
2011/06/02 Javascript
javascript学习笔记(十四) window对象使用介绍
2012/06/20 Javascript
JS实现模拟风力的雪花飘落效果
2015/05/13 Javascript
jquery关于事件冒泡和事件委托的技巧及阻止与允许事件冒泡的三种实现方法
2015/11/27 Javascript
基于JavaScript实现表单密码的隐藏和显示出来
2016/03/02 Javascript
Bootstrap栅格系统的使用和理解2
2016/12/14 Javascript
jquery 校验中国身份证号码实例详解
2017/04/11 jQuery
浅谈Vue.js中ref ($refs)用法举例总结
2017/12/19 Javascript
Vue的土著指令和自定义指令实例详解
2018/02/04 Javascript
当vue路由变化时,改变导航栏的样式方法
2018/08/22 Javascript
vue打包相关细节整理(小结)
2018/09/28 Javascript
从零开始封装自己的自定义Vue组件
2018/10/09 Javascript
Vue 页面状态保持页面间数据传输的一种方法(推荐)
2018/11/01 Javascript
原生javascript实现连连看游戏
2019/01/03 Javascript
[42:23]完美世界DOTA2联赛PWL S3 Forest vs Rebirth 第二场 12.10
2020/12/13 DOTA
基于python的字节编译详解
2017/09/20 Python
Django中使用Celery的方法示例
2018/11/29 Python
如何利用Python分析出微信朋友男女统计图
2019/01/25 Python
linux下安装python3和对应的pip环境教程详解
2019/07/01 Python
Pycharm新建模板默认添加个人信息的实例
2019/07/15 Python
Python 剪绳子的多种思路实现(动态规划和贪心)
2020/02/24 Python
python实现Oracle查询分组的方法示例
2020/04/30 Python
Python自动化xpath实现自动抢票抢货
2020/09/19 Python
Python通过队列来实现进程间通信的示例
2020/10/14 Python
Python通过getattr函数获取对象的属性值
2020/10/16 Python
Python之字符串的遍历的4种方式
2020/12/08 Python
应用艺术专业个人的自我评价
2014/01/03 职场文书
2014公司党员自我评价范文
2014/09/11 职场文书