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 相关文章推荐
用js实现的仿sohu博客更换页面风格(简单版)
Mar 22 Javascript
学习面向对象之面向对象的术语
Nov 30 Javascript
使用jquery实现的一个图片延迟加载插件(含图片延迟加载原理)
Jun 05 Javascript
js上传图片及预览功能实例分析
Apr 24 Javascript
jquery实现鼠标悬浮停止轮播特效
Aug 20 Javascript
清除js缓存的多种方法总结
Dec 09 Javascript
Angular 2父子组件数据传递之@Input和@Output详解(下)
Jul 05 Javascript
深入理解Vue生命周期、手动挂载及挂载子组件
Sep 27 Javascript
Vue父子组件之间的通信实例详解
Sep 28 Javascript
小程序识别身份证,银行卡,营业执照,驾照的实现
Nov 05 Javascript
简单了解JS打开url的方法
Feb 21 Javascript
js实现类选择器和name属性选择器的示例步骤
Feb 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
Apache2 httpd.conf 中文版
2006/11/17 PHP
PH P5.2至5.5、5.6的新增功能详解
2014/07/14 PHP
PHP限制HTML内容中图片必须是本站的方法
2015/06/16 PHP
PHP Socket网络操作类定义与用法示例
2017/08/30 PHP
Windows上php5.6操作mongodb数据库示例【配置、连接、获取实例】
2019/02/13 PHP
php生成短网址/短链接原理和用法实例分析
2020/05/29 PHP
JS中for循序中延迟加载动态效果的具体实现
2013/08/18 Javascript
js关于字符长度限制的问题示例探讨
2014/01/24 Javascript
jquery通过visible来判断标签是否显示或隐藏
2014/05/08 Javascript
indexOf 和 lastIndexOf 使用示例介绍
2014/09/02 Javascript
JavaScript实现twitter puddles算法实例
2014/12/06 Javascript
jQuery()方法的第二个参数详解
2015/04/29 Javascript
javascript与jquery中的this关键字用法实例分析
2015/12/24 Javascript
angularjs实现下拉列表的选中事件示例
2017/03/03 Javascript
Javascript ES6中对象类型Sets的介绍与使用详解
2017/07/17 Javascript
垃圾回收器的相关知识点总结
2018/05/13 Javascript
Vue EventBus自定义组件事件传递
2018/06/25 Javascript
JS使用Date对象实时显示当前系统时间简单示例
2018/08/23 Javascript
jQuery 查找元素操作实例小结
2019/10/02 jQuery
vue设置一开始进入的页面教程
2019/10/28 Javascript
PyQt5 实现字体大小自适应分辨率的方法
2019/06/18 Python
利用Python实现Shp格式向GeoJSON的转换方法
2019/07/09 Python
解决tensorflow/keras时出现数组维度不匹配问题
2020/06/29 Python
python 爬虫如何实现百度翻译
2020/11/16 Python
html5 canvas 画图教程案例分析
2012/11/23 HTML / CSS
canvas 实现 github404动态效果的示例代码
2017/11/15 HTML / CSS
微软台湾官方网站:Microsoft台湾
2018/08/15 全球购物
Coggles美国/加拿大:高级国际时装零售商
2018/10/23 全球购物
波兰在线香水店:Perfumy.pl
2019/08/12 全球购物
杭州信雅达系统.NET工程师面试试题
2015/02/08 面试题
歌唱比赛获奖感言
2014/01/21 职场文书
艺术学院毕业生自我评价
2014/03/02 职场文书
学校春季防火方案
2014/06/08 职场文书
2014年镇党建工作汇报材料
2014/11/02 职场文书
详解PHP服务器如何在有限的资源里最大提升并发能力
2021/05/25 PHP
Python编解码问题及文本文件处理方法详解
2021/06/20 Python