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 相关文章推荐
特殊情况下如何获取span里面的值
May 20 Javascript
JavaScript实现鼠标点击后层展开效果的方法
May 13 Javascript
jQuery简单入门示例之用户校验demo示例
Jul 09 Javascript
教你JS中的运算符乘方、开方及变量格式转换
Aug 09 Javascript
微信小程序 数据访问实例详解
Oct 08 Javascript
jQuery实现字体颜色渐变效果的方法
Mar 29 jQuery
详解Vue.js之视图和数据的双向绑定(v-model)
Jun 23 Javascript
webpack多入口文件页面打包配置详解
Jan 09 Javascript
JS实现的类似微信聊天效果示例
Jan 29 Javascript
微信小程序从注册账号到上架(图文详解)
Jul 17 Javascript
JS实现横向轮播图(中级版)
Jan 18 Javascript
详解为什么Vue中不要用index作为key(diff算法)
Apr 04 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
PHP正则表达式之定界符和原子介绍
2012/10/05 PHP
基于PHP遍历数组的方法汇总分析
2013/06/08 PHP
php curl获取网页内容(IPV6下超时)的解决办法
2013/07/16 PHP
php树型类实例
2014/12/05 PHP
php使用curl获取header检测开启GZip压缩的方法
2018/08/15 PHP
在 Laravel 6 中缓存数据库查询结果的方法
2019/12/11 PHP
jQuery EasyUI API 中文文档 - Spinner微调器使用
2011/10/21 Javascript
js Array对象的扩展函数代码
2013/04/24 Javascript
jQuery弹性滑动导航菜单实现思路及代码
2013/05/02 Javascript
jquery用offset()方法获得元素的xy坐标
2014/09/06 Javascript
js获取form的方法
2015/05/06 Javascript
jQuery的Scrollify插件实现滑动到页面下一节点
2015/07/05 Javascript
论JavaScript模块化编程
2016/03/07 Javascript
通过AngularJS实现图片上传及缩略图展示示例
2017/01/03 Javascript
提升页面加载速度的插件InstantClick
2017/09/12 Javascript
vue2.0实现移动端的输入框实时检索更新列表功能
2018/05/08 Javascript
对TypeScript库进行单元测试的方法
2019/07/18 Javascript
Vue的状态管理vuex使用方法详解
2020/02/05 Javascript
Python3使用requests包抓取并保存网页源码的方法
2016/03/15 Python
解决Mac安装scrapy失败的问题
2018/06/13 Python
django框架模型层功能、组成与用法分析
2019/07/30 Python
Django多数据库的实现过程详解
2019/08/01 Python
python中从for循环延申到推导式的具体使用
2019/11/29 Python
Django后端分离 使用element-ui文件上传方式
2020/07/12 Python
Python基于xlutils修改表格内容过程解析
2020/07/28 Python
python实现图片转换成素描和漫画格式
2020/08/19 Python
Charles&Keith美国官方网站:新加坡快时尚鞋类和配饰零售商
2019/11/27 全球购物
如何转换一个字符串到enum值
2014/04/12 面试题
应届生自我鉴定
2013/12/11 职场文书
服装创业计划书范文
2014/02/05 职场文书
简历中自我评价怎么写
2014/02/12 职场文书
暑假安全保证书
2015/02/28 职场文书
上班旷工检讨书
2015/08/15 职场文书
2019最新企业员工考勤管理制度(通用版)!
2019/07/02 职场文书
Python使用OpenCV和K-Means聚类对毕业照进行图像分割
2021/06/11 Python
SQL之各种join小结详细讲解
2021/08/04 MySQL