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 相关文章推荐
Ajax::prototype 源码解读
Jan 22 Javascript
Extjs4 关于Store的一些操作(加载/回调/添加)
Apr 18 Javascript
JavaScript字符串对象slice方法入门实例(用于字符串截取)
Oct 16 Javascript
关于两个jQuery(js)特效冲突的bug的解决办法
Sep 04 Javascript
Vue2.0实现组件数据的双向绑定问题
Mar 06 Javascript
Angularjs实现控制器之间通信方式实例总结
Mar 27 Javascript
详解如何在vue-cli中使用vuex
Aug 07 Javascript
解决layui中table异步数据请求不支持自定义返回数据格式的问题
Aug 19 Javascript
详解html-webpack-plugin插件(用法总结)
Sep 12 Javascript
react native 仿微信聊天室实例代码
Sep 17 Javascript
微信小程序实现图片翻转效果的实例代码
Sep 20 Javascript
vue改变循环遍历后的数据实例
Nov 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
mysql_fetch_row,mysql_fetch_array,mysql_fetch_assoc的区别
2009/04/24 PHP
解析PHP中empty is_null和isset的测试
2013/06/29 PHP
jQuery回车实现登录简单实现
2013/08/20 Javascript
Jquery 改变radio/checkbox选中状态,获取选中的值(示例代码)
2013/12/12 Javascript
使用VS开发 Node.js指南
2015/01/06 Javascript
使用Jquery实现每日签到功能
2015/04/03 Javascript
jquery+html5制作超酷的圆盘时钟表
2015/04/14 Javascript
jQuery结合ajax实现动态加载文本内容
2015/05/19 Javascript
jQuery实现自动切换播放的经典滑动门效果
2015/09/12 Javascript
JS获取一个未知DIV高度的方法
2016/08/09 Javascript
JavaScript函数表达式详解及实例
2017/05/05 Javascript
BootStrap的两种模态框方式
2017/05/10 Javascript
nodejs实现大文件(在线视频)的读取
2020/10/16 NodeJs
对vue 键盘回车事件的实例讲解
2018/08/25 Javascript
Vue项目中最新用到的一些实用小技巧
2018/11/06 Javascript
JS实现的简单tab切换功能完整示例
2019/06/20 Javascript
微信小程序如何获取群聊的openGid以及名称详解
2019/07/17 Javascript
详解vue中多个有顺序要求的异步操作处理
2019/10/29 Javascript
详解在IDEA中将Echarts引入web两种方式(使用js文件和maven的依赖导入)
2020/07/11 Javascript
javascript实现页面的实时时钟显示示例
2020/08/06 Javascript
各种Python库安装包下载地址与安装过程详细介绍(Windows版)
2016/11/02 Python
Python编程实现及时获取新邮件的方法示例
2017/08/10 Python
python处理csv数据动态显示曲线实例代码
2018/01/23 Python
详细介绍Python进度条tqdm的使用
2019/07/31 Python
浅谈django2.0 ForeignKey参数的变化
2019/08/06 Python
解决Atom安装Hydrogen无法运行python3的问题
2019/08/28 Python
Django之腾讯云短信的实现
2020/06/12 Python
pytorch 限制GPU使用效率详解(计算效率)
2020/06/27 Python
Expedia印度:您的一站式在线旅游网站
2017/08/24 全球购物
文秘专业自荐信
2013/10/14 职场文书
高级电工工作职责
2013/11/21 职场文书
人事部经理岗位职责
2014/03/07 职场文书
电气工程及其自动化专业毕业生自荐信
2014/06/21 职场文书
干货分享:推荐信写作技巧!
2019/06/21 职场文书
怎样评估创业计划书是否有可行性?
2019/08/07 职场文书
CSS3 制作的图片滚动效果
2021/04/14 HTML / CSS