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 相关文章推荐
初识javascript 文档碎片
Jul 13 Javascript
使用jquery的ajax需要注意的地方dataType的设置
Aug 12 Javascript
基于编写jQuery的无缝滚动插件
Aug 02 Javascript
JavaScript性能优化之函数节流(throttle)与函数去抖(debounce)
Aug 11 Javascript
jQuery插件HighCharts绘制2D金字塔图效果示例【附demo源码下载】
Mar 09 Javascript
详解Vue-Cli 异步加载数据的一些注意点
Aug 12 Javascript
layui框架中layer父子页面交互的方法分析
Nov 15 Javascript
微信小程序表单弹窗实例
Jul 19 Javascript
详解如何模拟实现node中的Events模块(通俗易懂版)
Apr 15 Javascript
浅析Vue中拆分视图层代码的5点建议
Aug 15 Javascript
微信小程序开发之转发分享功能
Oct 22 Javascript
js面向对象编程OOP及函数式编程FP区别
Jul 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
php下使用SMTP发邮件的代码
2008/01/10 PHP
在PHP中使用反射技术的架构插件使用说明
2010/05/18 PHP
php socket客户端及服务器端应用实例
2014/07/04 PHP
javascript写的一个链表实现代码
2009/10/25 Javascript
JSCode all of Brower 全局屏蔽网页右键功能 具体实现
2013/06/05 Javascript
JS 修改URL参数(实现代码)
2013/07/08 Javascript
Jquery 例外被抛出且未被接住原因介绍
2013/09/04 Javascript
用循环或if语句从json中取数据示例
2014/08/18 Javascript
Kindeditor在线文本编辑器如何过滤HTML
2016/04/14 Javascript
jquery siblings获取同辈元素用法实例分析
2016/07/25 Javascript
详解nodejs 文本操作模块-fs模块(五)
2016/12/23 NodeJs
JavaScript字符串对象
2017/01/14 Javascript
ionic 3.0+ 项目搭建运行环境的教程
2017/08/09 Javascript
vue上传图片到oss的方法示例(图片带有删除功能)
2018/09/27 Javascript
超轻量级的js时间库miment使用解析
2019/08/02 Javascript
vue.js基于v-for实现批量渲染 Json数组对象列表数据示例
2019/08/03 Javascript
详解Vue中的Props与Data细微差别
2020/03/02 Javascript
有趣的JavaScript隐式类型转换操作实例分析
2020/05/02 Javascript
[48:21]Mski vs VGJ.S Supermajor小组赛C组 BO3 第一场 6.3
2018/06/04 DOTA
python 实现文件的递归拷贝实现代码
2012/08/02 Python
Scrapy抓取京东商品、豆瓣电影及代码分享
2017/11/23 Python
python logging重复记录日志问题的解决方法
2018/07/12 Python
tensorflow实现从.ckpt文件中读取任意变量
2020/05/26 Python
HTML5 虚拟键盘出现挡住输入框的解决办法
2017/02/14 HTML / CSS
美国网上眼镜商城:Zenni Optical
2016/11/20 全球购物
印度在线内衣和时尚目的地:Zivame
2017/09/28 全球购物
加拿大快时尚零售商:Ardene
2018/02/14 全球购物
医院检讨书范文
2014/02/01 职场文书
会计人员岗位职责
2014/03/19 职场文书
《火烧云》教学反思
2014/04/12 职场文书
伦敦奥运会的口号
2014/06/21 职场文书
纪念九一八事变演讲稿1000字
2014/09/14 职场文书
2015年实习班主任工作总结
2015/04/23 职场文书
三好学生竞选稿
2015/11/21 职场文书
员工工作心得体会
2019/05/07 职场文书
Python selenium模拟网页点击爬虫交管12123违章数据
2021/05/26 Python