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隐藏与显示回到顶部按钮及window.onscroll事件应用
Jan 25 Javascript
jquery实现简单的二级导航下拉菜单效果
Sep 07 Javascript
一篇文章掌握RequireJS常用知识
Jan 26 Javascript
修改js confirm alert 提示框文字的简单实例
Jun 10 Javascript
jQuery 翻页组件yunm.pager.js实现div局部刷新的思路
Aug 11 Javascript
jQuery Easyui Datagrid实现单行的上移下移及保存移动的结果
Aug 15 Javascript
把json格式的字符串转换成javascript对象或数组的方法总结
Nov 03 Javascript
关于JS与jQuery中的文档加载问题
Aug 22 jQuery
js 公式编辑器 - 自定义匹配规则 - 带提示下拉框 - 动态获取光标像素坐标
Jan 04 Javascript
解决Vue打包后访问图片/图标不显示的问题
Jul 25 Javascript
微信小程序实现录音功能
Nov 22 Javascript
javascript中innerHTML 获取或替换html内容的实现代码
Mar 17 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的面向对象编程
2006/10/09 PHP
COM in PHP (winows only)
2006/10/09 PHP
ubuntu下编译安装xcache for php5.3 的具体操作步骤
2013/06/18 PHP
codeigniter框架批量插入数据
2014/01/09 PHP
让CodeIgniter数据库缓存自动过期的处理的方法
2014/06/12 PHP
Laravel 5框架学习之用户认证
2015/04/09 PHP
PHP+jQuery+Ajax实现用户登录与退出
2015/04/27 PHP
Laravel框架实现修改登录和注册接口数据返回格式的方法
2018/08/17 PHP
jquery 分页控件实现代码
2009/11/30 Javascript
JS实现简单的键盘打字的效果
2015/04/24 Javascript
JavaScript中的条件判断语句使用详解
2015/06/03 Javascript
JQuery复制DOM节点的方法
2015/06/11 Javascript
使用jQuery或者原生js实现鼠标滚动加载页面新数据
2016/03/06 Javascript
jQuery 获取屏幕高度、宽度的简单实现案例
2016/05/17 Javascript
Vue.js每天必学之构造器与生命周期
2016/09/05 Javascript
JS自定义混合Mixin函数示例
2016/11/26 Javascript
JavaScript下拉菜单功能实例代码
2017/03/01 Javascript
angularjs封装$http为factory的方法
2017/05/18 Javascript
JS中验证整数和小数的正则表达式
2018/10/08 Javascript
node中实现删除目录的几种方法
2019/06/24 Javascript
js实现小时钟效果
2020/03/25 Javascript
js实现直播点击飘心效果
2020/08/19 Javascript
uniapp微信小程序:key失效的解决方法
2021/01/20 Javascript
python实现的正则表达式功能入门教程【经典】
2017/06/05 Python
python简单实现操作Mysql数据库
2018/01/29 Python
python自动登录12306并自动点击验证码完成登录的实现源代码
2018/04/25 Python
Python 找到列表中满足某些条件的元素方法
2018/06/26 Python
Win8下python3.5.1安装教程
2020/07/29 Python
Python学习笔记之视频人脸检测识别实例教程
2019/03/06 Python
python两个_多个字典合并相加的实例代码
2019/12/26 Python
Python常用模块函数代码汇总解析
2020/08/31 Python
市三好学生主要事迹
2014/01/28 职场文书
运动会入场词100字
2014/02/06 职场文书
2015年度环卫处工作总结
2015/07/24 职场文书
2016年安康杯竞赛活动总结
2016/04/05 职场文书
Python代码实现双链表
2022/05/25 Python