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 instanceof,typeof的区别
Mar 24 Javascript
extjs grid设置某列背景颜色和字体颜色的方法
Sep 03 Javascript
深入理解JavaScript系列(14) 作用域链介绍(Scope Chain)
Apr 12 Javascript
Node.js开发指南中的简单实例(mysql版)
Sep 17 Javascript
js图片延迟技术一般的思路与示例
Mar 20 Javascript
在JavaScript中如何解决用execCommand(
Oct 19 Javascript
BootstrapTable+KnockoutJS自定义T4模板快速生成增删改查页面
Aug 01 Javascript
jquery实现弹窗功能(窗口居中显示)
Feb 27 Javascript
深入理解Angular.JS中的Scope继承
Jun 04 Javascript
ElementUI之Message功能拓展详解
Oct 18 Javascript
实例讲解JavaScript 计时事件
Jul 04 Javascript
vue实现移动端返回顶部
Oct 12 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
完美的2个php检测字符串是否是utf-8编码函数分享
2014/07/28 PHP
php实现只保留mysql中最新1000条记录
2015/06/18 PHP
PHP实现在windows下配置sendmail并通过mail()函数发送邮件的方法
2017/06/20 PHP
ECMAScript 基础知识
2007/06/29 Javascript
JavaScript高级程序设计(第3版)学习笔记7 js函数(上)
2012/10/11 Javascript
Extjs Gird 支持中文拼音排序实现代码
2013/04/15 Javascript
基于JavaScript实现继承机制之构造函数方法对象冒充的使用详解
2013/05/07 Javascript
js闭包的用途详解
2014/11/09 Javascript
asp知识整理笔记3(问答模式)
2015/09/27 Javascript
深入探讨前端框架react
2015/12/09 Javascript
JavaScript的MVVM库Vue.js入门学习笔记
2016/05/03 Javascript
js中的关联数组与普通数组详解
2016/07/27 Javascript
深入理解jQuery3.0的domManip函数
2016/09/01 Javascript
hovertree插件实现二级树形菜单(简单实用)
2016/12/28 Javascript
jQuery中 DOM节点操作方法大全
2017/10/12 jQuery
JavaScript 隐性类型转换步骤浅析
2018/03/15 Javascript
vue如何安装使用Quill富文本编辑器
2018/09/21 Javascript
基于js实现判断浏览器类型代码实例
2020/07/17 Javascript
vue 使用localstorage实现面包屑的操作
2020/11/16 Javascript
Python multiprocessing.Manager介绍和实例(进程间共享数据)
2014/11/21 Python
Python OS模块常用函数说明
2015/05/23 Python
TensorFlow实现非线性支持向量机的实现方法
2018/04/28 Python
Python使用matplotlib绘制随机漫步图
2018/08/27 Python
使用 Python 实现简单的 switch/case 语句的方法
2018/09/17 Python
Python Pandas 如何shuffle(打乱)数据
2019/07/30 Python
Anaconda+spyder+pycharm的pytorch配置详解(GPU)
2020/10/18 Python
CSS3实现线性渐变用法示例代码详解
2020/08/07 HTML / CSS
美国迪克体育用品商店:DICK’S Sporting Goods
2018/07/24 全球购物
法学专业毕业生自荐信范文
2013/12/18 职场文书
工作求职自荐信
2014/06/13 职场文书
化工专业自荐书
2014/06/16 职场文书
商场促销活动策划方案
2014/08/18 职场文书
党员剖析材料范文
2014/09/30 职场文书
公司领导班子对照检查存在问题整改措施
2014/10/02 职场文书
个人自荐书范文
2015/03/09 职场文书
中国合伙人观后感
2015/06/02 职场文书