jQuery 1.9后给动态添加的元素绑定事件

最新推荐文章于 2022-10-29 21:13:49 发布
最新推荐文章于 2022-10-29 21:13:49 发布
阅读量481 收藏
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/medaka/article/details/50164081
版权

之前的版本可以用live() 为动态添加的元素绑定事件，jQuery 1.9 删除了 live(), 见http://jquery.com/upgrade-guide/1.9/#live-removed

解决办法：为其父元素使用on(), 该父元素不是动态生成的，再用selector找到欲绑定的元素。

medaka
关注
jQuery页面元素动态添加后绑定事件丢失方法,非 live
10-22
如果页面内容是在页面加载完成后动态添加的，那么这些元素将不会拥有之前通过jQuery绑定的事件。这是因为jQuery的绑定操作是针对已经存在于DOM树中的元素进行的，对于后来动态添加的元素，jQuery无法自动为其应用已...
jQuery如何获取动态添加的元素
10-22
这就是说，如果使用传统的事件绑定方法，比如jQuery的.bind()方法，这些方法只会影响当前已存在的元素，对于之后动态添加到DOM中的元素则不产生效果。 在较早的jQuery版本中，.live()方法被引入，用来解决动态元素...
jQuery1.9为动态添加元素绑定事件以及获取和操作checkbox的选择属性
weixin_30614587的博客
09-23 68
1.jQuery为动态添加的元素绑定事件：在1.7之后，添加了live()方法，1.9后又被移除，1.9中可用on()方法： [javascript]view plaincopy $(function(){ $('.btn').on('click',function(){ alert('按钮被点击'); ...
JQuery给动态生成的DOM元素绑定点击事件
qj30212的博客
08-31 5650
最近做项目的时候，使用ajax调用后台数据来动态生成页面内容。然后在给那些内容绑定一个点击事件的时候，发现点击竟然无效了。原因是：ajax有个请求时间，无论是同步还是异步，JQuery进行的绑定都会在页面加载完后立刻进行，而不是等待ajax请求完。也就是说，绑定的元素绑空了。那这个问题怎么解决呢。方法如下： 在动态生成的时候绑定一个函数，并把对象传进去，如： strhtml = str
jquery给动态dom绑定事件
woollllll
07-07 3060
如果需要给一个按钮绑定事件，通过jquery中一般是这样实现的。$("#id").click(function(){ console.log("hello world!"); });    但是在给动态生成的dom绑定事件的时候，无法绑定了。查询了jquery API，如果需要给还不存在的节点绑定事件，可以通过on方法解决这个问题，即事件委托。    在jQuery 中，通过事件冒泡的特性
jQuery中对动态添加的元素绑定事件
weixin_66990569的博客
10-29 4183
在对元素绑定事件时可能会出现没有效果的情况，这个时候就需要考虑，你绑定的元素是否是动态添加的，动态数据也就是使用jQuery添加的数据，下面就是针对动态数据绑定事件的解决方法；
jquery动态添加html事件,JQuery给动态添加的元素绑定事件的方法
weixin_42305163的博客
06-05 630
今天有位墨初VIP主题的使用者，给我反馈了一个主题中的BUG。就是主题的评论滑块在回复的时候，无法滑动(当然这个问题已经修复)，回来经过反复的查找，终于确定了，在评论回复自动创建的DIV元素中，无法绑定JQ事件，也就是说js无法监听到动态创建出来的元素，无法给他们绑定事件。下面就说一说，如何给动态创建的元素添加绑定事件。JQ中live()的方法在JQ1.7版本以前，有个live()方法live()...
JQuery给动态添加的元素绑定事件的方法
qiudechao1的博客
11-08 2109
今天有位墨初VIP主题的使用者，给我反馈了一个主题中的BUG。就是主题的评论滑块在回复的时候，无法滑动（当然这个问题已经修复），回来经过反复的查找，终于确定了，在评论回复自动创建的DIV元素中，无法绑定JQ事件，也就是说js无法监听到动态创建出来的元素，无法给他们绑定事件。 下面就说一说，如何给动态创建的元素添加绑定事件。 JQ中live()的方法 在JQ1.7版本以前，有个live（）...
jquery动态添加元素事件失效问题解决方法
10-25
总之，jQuery的`on()`方法是解决动态添加元素事件失效的关键，它通过在静态父元素上监听事件并转发给动态子元素，实现了对动态内容的事件处理。合理使用`on()`方法，能够帮助我们创建更加动态、响应式的Web应用。
jQuery动态添加元素无法触发绑定事件的解决方法分析
10-18
在jQuery中，动态添加的元素往往无法触发事先绑定的事件，因为这些事件绑定通常只针对已经存在于DOM（文档对象模型）中的元素。这是因为JavaScript事件冒泡机制和jQuery事件处理方式的特性决定的。当动态创建元素时...
jQuery中对未来的元素绑定事件用bind、live or on
10-26
然而，当涉及到未来可能添加到DOM中的元素时，传统的事件绑定方法（如直接使用`.click()`、`.bind()`等）就无法满足需求了。为了解决这个问题，jQuery提供了一些机制来为未来元素绑定事件，比如`bind`、`live`、`on`...
jquery动态添加元素后，元素的事件无效（已解决）
weixin_38064520的博客
02-05 3453
jquery动态添加元素后，元素的事件无效（已解决） 基于jquery1.9以上版本作的解决方案 先贴一段正常逻辑写的代码 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <script src="jquery-3.3.1.js" type
JSP学生学籍管理系统设计与实现(源代码+论文+开题报告+外文翻译+答辩PPT).zip
09-21
1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看README.md或论文文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。 5、资源来自互联网采集，如有侵权，私聊博主删除。 6、可私信博主看论文后选择购买源代码。 1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看README.md或论文文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。 5、资源来自互联网采集，如有侵权，私聊博主删除。 6、可私信博主看论文后选择购买源代码。 1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看README.md或论文文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。 5、资源来自互联网采集，如有侵权，私聊博主删除。 6、可私信博主看论文后选择购买源代码。
省市区数据，完成三级联动，选择地区
最新发布
09-21
省市区数据，完成三级联动，选择地区
优化IFrame自适应与IE1.9兼容性处理：jQuery技巧与CSS解决方案
当窗口大小发生改变时，`window.onresize`事件被绑定到这个函数，确保iframe的高度始终保持与当前窗口的高度一致，从而实现内容的完整显示。 然后，针对1.9及以上版本的IE浏览器，文档提到使用jQuery.browser对象...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值