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之尺寸调整组件的深入解析
Jun 19 Javascript
jquery $.each 和for怎么跳出循环终止本次循环
Sep 27 Javascript
浅析C/C++,Java,PHP,JavaScript,Json数组、对象赋值时最后一个元素后面是否可以带逗号
Mar 22 Javascript
bootstrap table 表格中增加下拉菜单末行出现滚动条的快速解决方法
Jan 05 Javascript
浅谈键盘上回车按钮的js触发事件
Feb 13 Javascript
十大热门的JavaScript框架和库
Mar 21 Javascript
vuejs2.0子组件改变父组件的数据实例
May 10 Javascript
vue component组件使用方法详解
Jul 14 Javascript
浅谈关于.vue文件中style的scoped属性
Aug 19 Javascript
微信小程序自定义底部导航带跳转功能
Nov 27 Javascript
微信小程序实现搜索功能
Mar 10 Javascript
vue调用微信JSDK 扫一扫,相册等需要注意的事项
Jan 03 Vue.js
深入理解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实现多服务器session共享之NFS共享的方法
2007/03/16 PHP
Ajax+PHP边学边练 之五 图片处理
2009/12/03 PHP
Linux中用PHP判断程序运行状态的2个方法
2014/05/04 PHP
PHP创建文件,并向文件中写入数据,覆盖,追加的实现代码
2016/03/25 PHP
PHP实现的登录,注册及密码修改功能分析
2016/11/25 PHP
PHP defined()函数的使用图文详解
2019/07/20 PHP
使用Apache的rewrite
2021/03/09 Servers
javascript document.referrer 用法
2009/04/30 Javascript
jquery实现微博文字输入框 输入时显示输入字数 效果实现
2013/07/12 Javascript
js实现图片漂浮效果的方法
2015/03/02 Javascript
JS+CSS实现闪烁字体效果代码
2016/04/05 Javascript
javascript实现简易计算器
2017/02/01 Javascript
js实现图片旋转 js滚动鼠标中间对图片放大缩小
2017/07/05 Javascript
基于LayUI实现前端分页功能的方法
2017/07/22 Javascript
JavaScript DOM元素常见操作详解【添加、删除、修改等】
2018/05/09 Javascript
angularjs 的数据绑定实现原理
2018/07/02 Javascript
Element input树型下拉框的实现代码
2018/12/21 Javascript
React优化子组件render的使用
2019/05/12 Javascript
使用RxJS更优雅地进行定时请求详析
2019/06/02 Javascript
微信小程序webview组件交互,内联h5页面并网页实现微信支付实现解析
2019/08/16 Javascript
[51:26]DOTA2上海特级锦标赛主赛事日 - 2 胜者组第一轮#3Secret VS OG第二局
2016/03/03 DOTA
图文详解WinPE下安装Python
2016/05/17 Python
Python网络爬虫项目:内容提取器的定义
2016/10/25 Python
python 实现上传图片并预览的3种方法(推荐)
2017/07/14 Python
django 发送邮件和缓存的实现代码
2018/07/18 Python
Python远程视频监控程序的实例代码
2019/05/05 Python
Python爬虫 scrapy框架爬取某招聘网存入mongodb解析
2019/07/31 Python
python+rsync精确同步指定格式文件
2019/08/29 Python
python实现提取COCO,VOC数据集中特定的类
2020/03/10 Python
HTML5拖拽文件到浏览器并实现文件上传下载功能代码
2013/06/06 HTML / CSS
意大利专业化妆品品牌:KIKO MILANO
2017/02/01 全球购物
迎接领导欢迎词
2014/01/11 职场文书
授权委托书
2014/07/31 职场文书
2015教师节通讯稿
2015/07/20 职场文书
Python实现机器学习算法的分类
2021/06/03 Python
Go 中的空白标识符下划线
2022/03/25 Golang