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(二)事件机制(2)
Dec 06 Javascript
JavaScript高级程序设计 客户端存储学习笔记
Sep 10 Javascript
javascript定时变换图片实例代码
Mar 17 Javascript
javascript 四十条常用技巧大全
Sep 09 Javascript
jquery获取点击控件的绝对位置简单实例
Oct 13 Javascript
JavaScript浏览器对象模型BOM(BrowserObjectModel)实例详解
Nov 29 Javascript
jQuery中on方法使用注意事项详解
Feb 15 Javascript
jQuery插件Echarts实现的双轴图效果示例【附demo源码下载】
Mar 04 Javascript
Bootstrap 按钮样式与使用代码详解
Dec 09 Javascript
微信小程序自定义键盘 内部虚拟支付
Dec 20 Javascript
vue学习笔记之过滤器的基本使用方法实例分析
Feb 01 Javascript
JavaScript设计模式之观察者模式与发布订阅模式详解
May 07 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
THINKPHP内容分页代码分享
2015/01/14 PHP
PHP 7安装调试工具Xdebug扩展的方法教程
2017/06/17 PHP
js 处理URL实用技巧
2010/11/23 Javascript
JQuery与JSon实现的无刷新分页代码
2011/09/13 Javascript
Jquery命名冲突解决的五种方案分享
2012/03/16 Javascript
有关于eclipse配置spket需要注意的一些地方
2013/04/07 Javascript
批量实现面向对象的实例代码
2013/07/01 Javascript
自己用jQuery写了一个图片的马赛克消失效果
2014/05/04 Javascript
浅谈javascript的Array.prototype.slice.call
2015/08/31 Javascript
jquery实现横向图片轮播特效代码分享
2015/11/19 Javascript
AngularJS入门教程之Cookies读写操作示例
2016/11/02 Javascript
使用Ajax生成的Excel文件并下载的实例
2016/11/21 Javascript
模板视图和AngularJS之间冲突的解决方法
2016/11/22 Javascript
bootstrap table配置参数例子
2017/01/05 Javascript
Javascript实现的StopWatch功能示例
2017/06/13 Javascript
解决Vue+Element ui开发中碰到的IE问题
2018/09/03 Javascript
node.js之基础加密算法模块crypto详解
2018/09/11 Javascript
详解webpack引入第三方库的方式以及注意事项
2019/01/15 Javascript
微信小程序实现banner图轮播效果
2020/06/28 Javascript
Echarts动态加载多条折线图的实现代码
2019/05/24 Javascript
中高级前端必须了解的JS中的内存管理(推荐)
2019/07/04 Javascript
vue动态渲染svg、添加点击事件的实现
2020/03/13 Javascript
js实现点击选项置顶动画效果
2020/08/25 Javascript
[54:45]2018DOTA2亚洲邀请赛 4.1 小组赛 A组 Optic vs OG
2018/04/02 DOTA
python求素数示例分享
2014/02/16 Python
git使用.gitignore设置不生效或不起作用问题的解决方法
2017/06/01 Python
python 字典中文key处理,读取,比较方法
2018/07/06 Python
如何使用python爬虫爬取要登陆的网站
2019/07/12 Python
详解python实现可视化的MD5、sha256哈希加密小工具
2020/09/14 Python
母亲节演讲稿范文
2014/01/02 职场文书
保护环境建议书100字
2014/05/13 职场文书
入党个人总结范文
2015/03/02 职场文书
安全教育片观后感
2015/06/17 职场文书
行政处罚决定书
2015/06/24 职场文书
pandas取dataframe特定行列的实现方法
2021/05/24 Python
Python机器学习实战之k-近邻算法的实现
2021/11/27 Python