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实现仿百度瀑布流的方法
Feb 05 Javascript
javascript实现全角半角检测的方法
Jul 23 Javascript
JavaScript实现同一页面内两个表单互相传值的方法
Aug 12 Javascript
深入剖析javascript中的exec与match方法
May 18 Javascript
AngularJS入门教程之表单校验用法示例
Nov 02 Javascript
最细致的vue.js基础语法 值得收藏!
Nov 03 Javascript
AngularJS实现动态编译添加到dom中的方法
Nov 04 Javascript
pc加载更多功能和移动端下拉刷新加载数据
Nov 07 Javascript
JavaScript正则表达式替换字符串中图片地址(img src)的方法
Jan 13 Javascript
微信小程序wx.previewImage预览图片实例详解
Dec 07 Javascript
react实现换肤功能的示例代码
Aug 14 Javascript
vue 把二维或多维数组转一维数组
Apr 24 Vue.js
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
使用 php4 加速 web 传输
2006/10/09 PHP
在任意字符集下正常显示网页的方法二(续)
2007/04/01 PHP
解析PHP中数组元素升序、降序以及重新排序的函数
2013/06/20 PHP
php向js函数传参的几种方法
2014/08/10 PHP
php实现的农历算法实例
2015/08/11 PHP
PHP的PDO常用类库实例分析
2016/04/07 PHP
PHP获取网站中各文章的第一张图片的代码示例
2016/05/20 PHP
Yii2 中实现单点登录的方法
2018/03/09 PHP
js函数调用常用方法详解
2012/12/03 Javascript
Jquery chosen动态设置值实例介绍
2013/08/08 Javascript
jQuery动态显示和隐藏datagrid中的某一列的方法
2013/12/11 Javascript
javascript计时器事件使用详解
2014/01/07 Javascript
jQuery中innerWidth()方法用法实例
2015/01/19 Javascript
js实现点击图片改变页面背景图的方法
2015/02/28 Javascript
Map.vue基于百度地图组件重构笔记分享
2017/04/17 Javascript
Angular2+如何去除url中的#号详解
2017/12/20 Javascript
不到200行 JavaScript 代码实现富文本编辑器的方法
2018/01/03 Javascript
JS实现为动态添加的元素增加事件功能示例【基于事件委托】
2018/03/21 Javascript
通过实例了解JS 连续赋值
2019/09/24 Javascript
JavaScript array常用方法代码实例详解
2020/09/02 Javascript
py中的目录与文件判别代码
2008/07/16 Python
python+pandas生成指定日期和重采样的方法
2018/04/11 Python
python开启摄像头以及深度学习实现目标检测方法
2018/08/03 Python
python将.ppm格式图片转换成.jpg格式文件的方法
2018/10/27 Python
Python直接赋值、浅拷贝与深度拷贝实例分析
2019/06/18 Python
解决python的空格和tab混淆而报错的问题
2021/02/26 Python
理肤泉美国官网:La Roche-Posay
2018/01/17 全球购物
澳大利亚领先的优质葡萄酒拍卖会:Langton’s Fine Wines
2019/03/24 全球购物
可靠的数据流传输TCP
2016/03/15 面试题
工商企业管理专业自荐信范文
2014/04/12 职场文书
物业管理工作方案
2014/05/10 职场文书
公司领导班子对照检查存在问题整改措施
2014/10/02 职场文书
公积金接收函格式
2015/01/30 职场文书
2015年纪检监察工作总结
2015/04/08 职场文书
竞聘开场白方式有哪些?
2019/08/28 职场文书
Python办公自动化之教你如何用Python将任意文件转为PDF格式
2021/06/28 Python