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入门学习书籍推荐
Jun 12 Javascript
用JavaScript页面不刷新时全选择,全删除(GridView)
Apr 14 Javascript
Jquery + Ajax调用webService实例代码(asp.net)
Aug 27 Javascript
jQuery 自定义函数写法分享
Mar 30 Javascript
javascript中全局对象的isNaN()方法使用介绍
Dec 19 Javascript
javascript实现鼠标拖动改变层大小的方法
Apr 30 Javascript
jQuery超赞的评分插件(8款)
Aug 20 Javascript
AngularJs实现分页功能不带省略号的代码
May 30 Javascript
JS中的进制转换以及作用
Jun 26 Javascript
详解Vue.js动态绑定class
Dec 20 Javascript
Vue组件中prop属性使用说明实例代码详解
May 31 Javascript
微信小程序如何使用canvas二维码保存至手机相册
Jul 15 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
Ha0k 0.3 PHP 网页木马修改版
2009/10/11 PHP
基于PHP创建Cookie数组的详解
2013/07/03 PHP
利用浏览器的Javascript控制台调试PHP程序
2014/01/08 PHP
thinkphp文件处理类Dir.class.php的用法分析
2014/12/08 PHP
php进行支付宝开发中return_url和notify_url的区别分析
2014/12/22 PHP
JavaScript 密码强度判断代码
2009/09/05 Javascript
jQuery对象[0]是什么含义?
2010/07/31 Javascript
Jquery中使用setInterval和setTimeout的方法
2013/04/08 Javascript
网页右侧悬浮滚动在线qq客服代码示例
2014/04/28 Javascript
JavaScript笔记之数据属性和存储器属性
2016/03/31 Javascript
jquery点赞功能实现代码 点个赞吧!
2020/05/29 jQuery
详解vue-cli 快速搭建单页应用之遇到的问题及解决办法
2018/03/01 Javascript
解决JavaScript layui 下拉框不显示的问题
2018/08/14 Javascript
layui使用及简单的三级联动实现教程
2020/12/01 Javascript
windows如何把已安装的nodejs高版本降级为低版本(图文教程)
2020/12/14 NodeJs
[01:03:00]DOTA2上海特级锦标赛A组败者赛 EHOME VS CDEC第一局
2016/02/25 DOTA
[03:49]辉夜杯现场龙骑士COSER秀情商“我喜欢芬队!”
2015/12/27 DOTA
pyqt5简介及安装方法介绍
2018/01/31 Python
深入理解Python 关于supper 的 用法和原理
2018/02/28 Python
python中matplotlib的颜色及线条控制的示例
2018/03/16 Python
Python操作json的方法实例分析
2018/12/06 Python
Python使用os.listdir()和os.walk()获取文件路径与文件下所有目录的方法
2019/04/01 Python
对python3.4 字符串转16进制的实例详解
2019/06/12 Python
Django 创建后台,配置sqlite3教程
2019/11/18 Python
春节到了 教你使用python来抢票回家
2020/01/06 Python
使用pyplot.matshow()函数添加绘图标题
2020/06/16 Python
python设置表格边框的具体方法
2020/07/17 Python
python绘制趋势图的示例
2020/09/17 Python
pycharm 使用anaconda为默认环境的操作
2021/02/05 Python
Html5 postMessage实现跨域消息传递
2016/03/11 HTML / CSS
施华洛世奇天猫官方旗舰店:SWAROVSKI
2017/04/17 全球购物
2014基建处领导班子“四风”对照检查材料思想汇报
2014/10/04 职场文书
中学生检讨书范文
2014/11/03 职场文书
可怜妈妈观后感
2015/06/09 职场文书
幼儿园元旦主持词
2015/07/06 职场文书
党组织关系的介绍信模板
2019/06/21 职场文书