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 相关文章推荐
JS中简单的实现像C#中using功能(有源码下载)
Jan 09 Javascript
Jquery ajax执行顺序 返回自定义错误信息(实例讲解)
Nov 06 Javascript
cookie中的path与domain属性详解
Dec 18 Javascript
js中哈希表的几种用法总结
Jan 28 Javascript
js中string转int把String类型转化成int类型
Aug 13 Javascript
JS实现控制表格只显示行边框或者只显示列边框的方法
Mar 31 Javascript
javascript表单正则应用
Feb 04 Javascript
详解vue项目构建与实战
Jun 27 Javascript
基于jstree使用AJAX请求获取数据形成树
Aug 29 Javascript
详解vue-cli中的ESlint配置文件eslintrc.js
Sep 25 Javascript
vue-cli构建vue项目的步骤详解
Jan 27 Javascript
jquery简单实现纵向的无缝滚动代码实例
Apr 01 jQuery
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
电脑硬件及电脑配置知识大全
2020/03/17 数码科技
解决GD中文乱码问题
2007/02/14 PHP
php 生成饼图 三维饼图
2009/09/28 PHP
DEDE采集大师官方留后门的删除办法
2011/01/08 PHP
php中静态类与静态变量用法的区别分析
2015/01/15 PHP
PHP简单处理表单输入的特殊字符的方法
2016/02/03 PHP
PHP数组实例详解
2016/06/26 PHP
php实现数组纵向转横向并过滤重复值的方法分析
2017/05/29 PHP
PHP defined()函数的使用图文详解
2019/07/20 PHP
AppBaseJs 类库 网上常用的javascript函数及其他js类库写的
2010/03/04 Javascript
js脚本实现数据去重
2014/11/27 Javascript
简述JavaScript提交表单的方式 (Using JavaScript Submit Form)
2016/03/18 Javascript
js与jquery正则验证电子邮箱、手机号、邮政编码的方法
2016/07/04 Javascript
RequireJS简易绘图程序开发
2016/10/28 Javascript
微信小程序 wxapp视图容器 view详解
2016/10/31 Javascript
详解如何构建Angular项目目录结构
2017/07/13 Javascript
浅析js中mvvm模式实现的原理
2018/10/06 Javascript
elementUI Tree 树形控件的官方使用文档
2019/04/25 Javascript
layer.open弹层查看缩略图的原图,自适应大小的实例
2019/09/05 Javascript
layer扩展打开/关闭动画的方法
2019/09/23 Javascript
将Vue组件库更换为按需加载的方法步骤
2020/05/06 Javascript
微信小程序实现音乐播放页面布局
2020/12/11 Javascript
[01:32]2016国际邀请赛中国区预选赛IG战队首日赛后采访
2016/06/27 DOTA
[52:06]完美世界DOTA2联赛决赛日 Inki vs LBZS 第一场 11.08
2020/11/10 DOTA
Pycharm2020.1安装中文语言插件的详细教程(不需要汉化)
2020/08/07 Python
使用css3背景渐变中的透明度来设置不同颜色的背景渐变
2014/03/31 HTML / CSS
美国旅游网站:Tours4Fun
2017/02/17 全球购物
高职教师岗位职责
2013/12/24 职场文书
优秀团员事迹材料2000字
2014/08/20 职场文书
北京离婚协议书范文2014
2014/09/29 职场文书
英语邀请函范文
2015/02/02 职场文书
团委工作总结2015
2015/04/02 职场文书
投标单位介绍信
2015/05/05 职场文书
2015年教师见习期工作总结
2015/05/20 职场文书
忘记Grafana不要紧2种Grafana重置admin密码方法详细步骤
2022/04/07 Servers
MySQL数据库 安全管理
2022/05/06 MySQL