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 源码分析笔记(5) jQuery.support
Jun 19 Javascript
一个分享按钮的插件使用介绍(可扩展,内附开发制作流程)
Sep 19 Javascript
javascript中的throttle和debounce浅析
Jun 06 Javascript
node.js中的fs.lchown方法使用说明
Dec 16 Javascript
jQuery模拟物体自由落体运动(附演示与demo源码下载)
Jan 21 Javascript
React Native 通告消息竖向轮播组件的封装
Aug 25 Javascript
vue项目总结之文件夹结构配置详解
Dec 13 Javascript
vue实现点击展开点击收起效果
Apr 27 Javascript
JavaScript继承与多继承实例分析
May 26 Javascript
浅谈redux, koa, express 中间件实现对比解析
May 23 Javascript
vue路由跳转传递参数的方式总结
May 10 Javascript
ES6 async、await的基本使用方法示例
Jun 06 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开发过程中关于继承的使用方法分享
2011/06/17 PHP
基于empty函数的输出详解
2013/06/17 PHP
用Javascript实现锚点(Anchor)间平滑跳转
2009/09/08 Javascript
css值转换成数值请抛弃parseInt
2011/10/24 Javascript
JavaScript中json使用自己总结
2013/08/13 Javascript
Node.js+Express配置入门教程
2016/05/19 Javascript
JS遍历页面所有对象属性及实现方法
2016/08/01 Javascript
ajax接收后台数据在html页面显示
2017/02/19 Javascript
javascript实现的图片预览功能
2017/03/25 Javascript
nodejs和C语言插入mysql数据库乱码问题的解决方法
2017/04/14 NodeJs
详解require.js配置路径的用法和css的引入
2017/09/06 Javascript
详解VUE 数组更新
2017/12/16 Javascript
使用vue-cli打包过程中的步骤以及问题的解决
2018/05/08 Javascript
判断iOS、Android以及PC端的示例代码
2018/11/15 Javascript
基于 jQuery 实现键盘事件监听控件
2019/04/04 jQuery
关于JS解构的5种有趣用法
2019/09/05 Javascript
javascript如何实现create方法
2019/11/04 Javascript
JS如何监听div的resize事件详解
2020/12/03 Javascript
uniapp开发小程序实现滑动页面控制元素的显示和隐藏效果
2020/12/10 Javascript
Vue-router中hash模式与history模式的区别详解
2020/12/15 Vue.js
[01:47]2018年度DOTA2最佳教练-完美盛典
2018/12/16 DOTA
Python多线程扫描端口代码示例
2018/02/09 Python
python实现杨氏矩阵查找
2019/03/02 Python
tensorflow 查看梯度方式
2020/02/04 Python
Python 如何调试程序崩溃错误
2020/08/03 Python
HTML5无刷新改变当前url的代码
2017/03/15 HTML / CSS
一家专门经营包包的英国网站:MyBag
2019/09/08 全球购物
优秀团员个人的自我评价
2013/10/02 职场文书
文明美德伴我成长演讲稿
2014/05/12 职场文书
学习实践科学发展观心得体会
2014/09/10 职场文书
集结号观后感
2015/06/08 职场文书
党员干部学习心得体会
2016/01/23 职场文书
如何在CSS中绘制曲线图形及展示动画
2021/05/24 HTML / CSS
MySQL之PXC集群搭建的方法步骤
2021/05/25 MySQL
Vue中插槽slot的使用方法与应用场景详析
2021/06/08 Vue.js
oracle删除超过N天数据脚本的方法
2022/02/28 Oracle