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实现的分页函数
Dec 22 Javascript
用Javascript 获取页面元素的位置的代码
Sep 25 Javascript
js function使用心得
May 10 Javascript
js arguments,jcallee caller用法总结
Nov 30 Javascript
在HTML代码中使用JavaScript代码的例子
Oct 16 Javascript
JavaScript中最常见的三个面试题解析
Mar 04 Javascript
Flask中获取小程序Request数据的两种方法
May 12 Javascript
Vue.js实现价格计算器功能
Mar 30 Javascript
Vue中props的使用详解
Jun 15 Javascript
JavaScript实现单图片上传并预览功能
Sep 30 Javascript
使用vue-cli4.0快速搭建一个项目的方法步骤
Dec 04 Javascript
详解Vue 数据更新了但页面没有更新的 7 种情况汇总及延伸总结
May 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
PHP获取不了React Native Fecth参数的解决办法
2016/08/26 PHP
contains和compareDocumentPosition 方法来确定是否HTML节点间的关系
2011/09/13 Javascript
js两行代码按指定格式输出日期时间
2011/10/21 Javascript
Nodejs中调用系统命令、Shell脚本和Python脚本的方法和实例
2015/01/01 NodeJs
利用jquery给指定的table动态添加一行、删除一行的方法
2016/10/12 Javascript
vue脚手架中配置Sass的方法
2018/01/04 Javascript
关于vue的语法规则检测报错问题的解决
2018/05/21 Javascript
Js中使用正则表达式验证输入是否有特殊字符
2018/09/07 Javascript
jquery实现联想词搜索框和搜索结果分页的示例
2018/10/10 jQuery
JavaScript 中 JSON.parse 函数 和 JSON.stringify 函数
2018/12/05 Javascript
在Create React App中使用CSS Modules的方法示例
2019/01/15 Javascript
JavaScript JMap类定义与使用方法示例
2019/01/22 Javascript
vue 实现图片懒加载功能
2020/12/31 Vue.js
Python中实现两个字典(dict)合并的方法
2014/09/23 Python
关于你不想知道的所有Python3 unicode特性
2014/11/28 Python
Python的Django框架中的数据库配置指南
2015/07/17 Python
Python教程之全局变量用法
2016/06/27 Python
python Matplotlib画图之调整字体大小的示例
2017/11/20 Python
Python排序搜索基本算法之冒泡排序实例分析
2017/12/09 Python
wxPython之解决闪烁的问题
2018/01/15 Python
python3实现高效的端口扫描
2019/08/31 Python
matlab中imadjust函数的作用及应用举例
2020/02/27 Python
Python logging模块异步线程写日志实现过程解析
2020/06/30 Python
使用CSS实现阅读进度条
2017/02/27 HTML / CSS
Puma印度官网:德国运动品牌
2019/10/06 全球购物
意大利网上药房:Farmacia 33
2020/01/27 全球购物
聚网科技C++面试笔试题
2015/09/01 面试题
土木工程毕业生自荐信
2013/11/12 职场文书
幼儿园小班教师寄语
2014/04/03 职场文书
班主任经验交流材料
2014/12/16 职场文书
综合办公室主任岗位职责
2015/04/01 职场文书
六一儿童节致辞
2015/07/31 职场文书
公司人力资源管理制度
2015/08/05 职场文书
小学英语教学反思范文
2016/02/15 职场文书
Python 流媒体播放器的实现(基于VLC)
2021/04/28 Python
python套接字socket通信
2022/04/01 Python