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 相关文章推荐
IE图片缓存document.execCommand(&quot;BackgroundImageCache&quot;,false,true)
Mar 01 Javascript
js实现身份证号码验证的简单实例
Feb 19 Javascript
jQuery+PHP实现动态数字展示特效
Mar 14 Javascript
JavaScript知识点总结(四)之逻辑OR运算符详解
May 31 Javascript
jquery插件bootstrapValidator数据验证详解
Nov 09 Javascript
微信小程序 登录的简单实现
Apr 19 Javascript
微信小程序 支付后台java实现实例
May 09 Javascript
jQuery实现的简单对话框拖动功能示例
Jun 05 jQuery
axios+Vue实现上传文件显示进度功能
Apr 14 Javascript
微信小程序数据统计和错误统计的实现方法
Jun 26 Javascript
vue+iview框架实现左侧动态菜单功能的示例代码
Jul 23 Javascript
AJAX引擎原理以及XmlHttpRequest对象的axios、fetch区别详解
Apr 09 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数组函数序列之next() - 移动数组内部指针到下一个元素的位置,并返回该元素值
2011/10/31 PHP
CI框架实现优化文件上传及多文件上传的方法
2017/01/04 PHP
PHP设计模式之模板方法模式实例浅析
2018/12/20 PHP
js 解决“options为空或不是对象”
2008/12/22 Javascript
将函数的实际参数转换成数组的方法
2010/01/25 Javascript
js前台判断开始时间是否小于结束时间
2012/02/23 Javascript
Javascript实现DIV滚动自动滚动到底部的代码
2012/03/01 Javascript
JavaScript按位运算符的应用简析
2014/02/04 Javascript
js拖拽一些常见的思路方法整理
2014/03/19 Javascript
使用jQuery实现验证上传图片的格式与大小
2014/12/03 Javascript
JavaScript中setFullYear()方法的使用详解
2015/06/11 Javascript
详细总结Javascript中的焦点管理
2016/09/17 Javascript
实例解析js中try、catch、finally的执行规则
2017/02/24 Javascript
jQuery插件zTree实现的多选树效果示例
2017/03/08 Javascript
深入浅出webpack教程系列_安装与基本打包用法和命令参数详解
2017/09/10 Javascript
Node.js成为Web应用开发最佳选择的原因
2018/02/05 Javascript
node内置调试方法总结
2018/02/22 Javascript
JavaScript设计模式之模板方法模式原理与用法示例
2018/08/07 Javascript
微信小程序实现顶部导航特效
2019/01/28 Javascript
React学习之受控组件与数据共享实例分析
2020/01/06 Javascript
Python入门篇之数字
2014/10/20 Python
Python内置模块turtle绘图详解
2017/12/09 Python
python实现二维插值的三维显示
2018/12/17 Python
Python 3.8新特征之asyncio REPL
2019/05/28 Python
python 多进程并行编程 ProcessPoolExecutor的实现
2019/10/11 Python
wxPython电子表格功能wx.grid实例教程
2019/11/19 Python
Python几种常见算法汇总
2020/06/02 Python
解决pytorch 的state_dict()拷贝问题
2021/03/03 Python
一家专门做特卖的网站:唯品会
2016/10/09 全球购物
一套中级Java程序员笔试题
2015/01/14 面试题
高一政治教学反思
2014/01/28 职场文书
村级个人对照检查材料
2014/08/22 职场文书
个人四风问题原因分析及整改措施
2014/09/28 职场文书
圣诞晚会主持词
2015/07/01 职场文书
国庆节到了,利用JS实现一个生成国庆风头像的小工具 详解实现过程
2021/10/05 Javascript
css让页脚保持在底部位置的四种方案
2022/07/23 HTML / CSS