jquery使用on绑定a标签无效 只能用live解决


Posted in Javascript onJune 02, 2016

如题

jQuery使用on()绑定动态生成元素的事件无效的问题

jQuery的on()方法可以绑定动态生成元素的事件,但是在实际使用时发现无效。如下HTML:

<p>  
<a>123</a>
</p>

使用如下方式,对静态元素有效,但是绑定动态生成的a元素的事件时无效:

$('a').on('mouseenter',
function(){  
............});

需要绑定a的父级元素(此元素必须为静态元素,不是后来动态生成的),然后设定on()方法的selector参数才行:

$('p').on('mouseenter',
'a',
function(){  
..............});

以上这篇jquery使用on绑定a标签无效 只能用live解决就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jQuery选择器的工作原理和优化分析
Jul 25 Javascript
html+css+js实现xp window界面及有关功能
Mar 26 Javascript
JQuery中模拟image的ajaxPrefilter与ajaxTransport处理
Jun 19 Javascript
原生javascript+css3编写的3D魔方动画旋扭特效
Mar 14 Javascript
jQuery+PHP实现微信转盘抽奖功能的方法
May 25 Javascript
微信小程序 教程之wxapp视图容器 swiper
Oct 19 Javascript
vue中将网页打印成pdf实例代码
Jun 15 Javascript
微信小程序-滚动消息通知的实例代码
Aug 03 Javascript
使用angularjs.foreach时return的问题解决
Sep 30 Javascript
微信小程序HTTP请求从0到1封装
Sep 09 Javascript
原生JavaScript实现滑动拖动验证的示例代码
Dec 06 Javascript
JS轻量级函数式编程实现XDM二
Jun 16 Javascript
深入理解jQuery事件绑定
Jun 02 #Javascript
jQuery获取单击节点对象的方法
Jun 02 #Javascript
Bootstrap开发实战之响应式轮播图
Jun 02 #Javascript
JavaScript核心语法总结(推荐)
Jun 02 #Javascript
javascript基础语法——全面理解变量和标识符
Jun 02 #Javascript
Bootstrap开发实战之第一次接触Bootstrap
Jun 02 #Javascript
jQuery实现图片轮播效果代码(基于jquery.pack.js插件)
Jun 02 #Javascript
You might like
西德产收音机
2021/03/01 无线电
php网站判断用户是否是手机访问的方法
2013/11/01 PHP
PHP中date与gmdate的区别及默认时区设置
2014/05/12 PHP
destoon实现调用当前栏目分类及子分类和三级分类的方法
2014/08/21 PHP
PHP类的反射用法实例
2014/11/03 PHP
PHP串行化与反串行化实例分析
2016/12/27 PHP
JS实现浏览器菜单命令
2006/09/05 Javascript
关于使用 jBox 对话框的提交不能弹出问题解决方法
2012/11/07 Javascript
jquery实现固定顶部导航效果(仿蘑菇街)
2013/03/21 Javascript
js 获取input点选按钮的值的方法
2014/04/14 Javascript
js带点自动图片轮播幻灯片特效代码分享
2015/09/07 Javascript
JavaScript实现显示函数调用堆栈的方法
2016/04/21 Javascript
JS输出空格的简单实现方法
2016/09/08 Javascript
javascript cookie用法基础教程(概念,设置,读取及删除)
2016/09/20 Javascript
使用ionic切换页面卡顿的解决方法
2016/12/16 Javascript
vue-dialog的弹出层组件
2020/05/25 Javascript
ES6新特性之Symbol类型用法分析
2017/03/31 Javascript
vue中使用echarts制作圆环图的实例代码
2018/07/27 Javascript
Vue中的$set的使用实例代码
2018/10/08 Javascript
原生js实现可兼容PC和移动端的拖动滑块功能详解【测试可用】
2019/08/15 Javascript
node.js +mongdb实现登录功能
2020/06/18 Javascript
python缩进区别分析
2014/02/15 Python
跟老齐学Python之有容乃大的list(3)
2014/09/15 Python
Python 爬虫的工具列表大全
2016/01/31 Python
Python tkinter模块弹出窗口及传值回到主窗口操作详解
2017/07/28 Python
pandas数据预处理之dataframe的groupby操作方法
2018/04/13 Python
pygame游戏之旅 调用按钮实现游戏开始功能
2018/11/21 Python
Python面向对象之继承和多态用法分析
2019/06/08 Python
澳大利亚拥有最佳跳伞降落点和最好服务的跳伞项目运营商:Skydive Australia
2018/03/05 全球购物
韩国现代百货官网:Hmall
2018/03/21 全球购物
小学教师节活动方案
2014/01/31 职场文书
违反单位工作制度检讨书
2014/10/25 职场文书
司机岗位职责
2015/02/04 职场文书
小升初自荐信怎么写
2015/03/26 职场文书
小学语文新课改心得体会
2016/01/22 职场文书
一波干货,会议主持词开场白范文
2019/05/06 职场文书