jQuery on()方法失效的原因

最新推荐文章于 2023-02-07 14:07:46 发布
最新推荐文章于 2023-02-07 14:07:46 发布
阅读量585 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/YuanFan123/p/8124062.html
本文介绍如何使用jQuery的on方法为动态生成的元素绑定事件。通过选择非动态生成的父节点再进行事件绑定，可以有效处理页面中动态变化的内容。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

jQuery 使用on绑定动态生成的元素时，不能直接用该对象操作，而是选择其非动态生成的父节点然后再找到本身才能达到效果。

转载于:https://www.cnblogs.com/YuanFan123/p/8124062.html

关于jQuery on 对于动态加载元素失效的问题。
douBlei的博客
04-17 954
之前写jQuery中的一般情况如下： $("#ID").on('event',function(){ …… }); 这样写就会存在个问题就是，如果页面中的id为’ID’的元素为动态加载，那么绑定的这些事件就会失效。 后来再网上也有用live解决的，后来再官方文档中发现 on() 方法在被选元素及子元素上添加一个或多个事件处理程序。 自 jQuery 版本 1.7 起，on() 方法是 bin...
jquery on 事件有时不工作怎么办。
程序员写的技术 FAQ 和杂文
07-15 4790
jquery  on 事件： 官网上的例子是这样的。 $( "#dataTable tbody tr" ).on( "click", function() {   alert( $( this ).text() ); }); $( "#dataTable tbody" ).on( "click", "tr", function() {   alert( $( this
jquery中的on方法失效问题(ipone 动态生成的元素无法点击 )
qq_16544147的专栏
08-24 463
描述: 如题，在IOS系统下，下面这段代码失效，在安卓系统下没问题 $("body").on("click", '#Overlay', function(){ alert(1); popupStaute=0; $("#Overlay").remove(); $(".tip_boxs").fadeOut(); });
JQuery------动态添加的元素on方法不起作用解决方法
weixin_30843605的博客
09-30 324
转载: http://www.jb51.net/article/70342.htm 转载于:https://www.cnblogs.com/tianhengblogs/p/5923610.html
jq 代码中的on不起作用原因分析
yushuir的专栏
03-13 1265
由于我在原来的代码中使用了较早版本的JQ,所以代码如下: $('#fileupload').find('.loaded span').live('click', function () {             ***         }); 其中绑定事件使用了live。当我使用新版本的JQ时，live就不被支持，代替它使用的是on。  $('#fileupload').find('....
jquery on()绑定事件无效
童话破灭i
02-07 518
综上动态生成的元素绑定事件用on要注意 追溯到元素本身,另外一点on的性能高于live(),bind(),delegate()等方法。为了使动态生成的元素能绑定事件,我网上查了一番,听说on可以动态绑定事件,我试了一下没有效果,纠结了很久,最终发现原因。jquery使用on绑定事件到动态生成的元素上时,不能对动态生成的对象操作,需要从其父节点追溯到本身。(2)对于后面动态生成的元素无效,例如append(某动态生成元素),这种用以上的方法无效。//有效,追溯到本身。
解决jQuery on()方法失效：版本、格式与实例解析
如果在使用较旧版本的jQuery时遇到`on()`方法失效，可能需要考虑升级到支持该功能的版本，如jQuery 1.10.2以上。 3. **事件选择器的灵活性**: `on()`方法允许我们精确指定事件类型和目标元素，比如`$("select1")....
jquery动态添加元素事件失效问题解决方法
12-09
今天在写JQUERY时遇到个问题：当使用脚本动态添加元素xxx时，但... 但是由于1.8版本后live这种方法不再支持，所以需要用下述jquery中on方法解决脚本动态添加元素： 代码如下: $(“.y”).on(‘click’,’.x’,function);
Jquery对新插入的节点 绑定Click事件失效的解决方法
10-22
总结来说，解决jQuery对新插入节点绑定`click`事件失效的问题，主要是通过使用`on`方法进行事件委托，让事件处理程序绑定到不会被动态修改的父元素上，从而确保对新插入的子元素的事件监听有效。当然，要根据实际...
ajax更新数据后，jquery、jq失效问题
10-28
不过需要指出的是，live方法已在jQuery 1.7之后的版本中被废弃，取而代之的是on方法。示例如下： ```javascript jQuery(document).ready(function(){ jQuery(".brandliimg").live('click', function(){ jQuery...
Jquery使用on()绑定事件失效处理
DH2Y的全栈修仙路
03-09 2708
一、参考网址JQ的绑定方法参考：http://www.cnblogs.com/xilipu31/p/4105794.html on()绑定事件失效：http://www.oschina.net/question/877598_2138986二、ON()事件浅析 在高版本之后，jquery1.7版本出现之后用于替代bind()，live()绑定事件方式； 用法是一样一样的。 他的作用：使用
jquery的on()绑定无效的方式
weixin_34236497的博客
07-31 279
on前面的元素也必须在页面加载的时候就存在于dom里面。动态的元素或者样式等，可以放在on的第二个参数里面 jQuery on()方法是官方推荐的绑定事件的一个方法。使用 on() 方法可以给将来动态创建的动态元素绑定指定的事件，例如append等。 ? 1 2 3 <div id="test"> <div cla...
IOS jquery on方法不管用解决办法
弱小和无知不是生存的障碍 傲慢才是！
05-12 469
添加样式 cursor:pointer; 就OK了
jquery事件on对于未来元素失效的解决办法
不明所以
07-25 4646
替代 未来元素 live() 方法的on()方法，正常写法 $('.cla').on('click',function(){ alert('aa'); }); 发现以上写法不能将事件绑定到动态创建的对象上，更改后的写法为 $(document).on('click','.cla',function(){ alert('aa'); }); 此写法验证可行，道理是 是通过前
jQuery on() 绑定元素后不生效
weixin_47793882的博客
03-10 873
##jQuery on() 绑定事件的大坑！！ 今日用jQuery的on()方法绑定点击事件，按照逻辑来说，代码并没有错，但是点击后就是不生效，代码如下： $('.J-plugin-link').on('click', function () { console.log(1);//测试代码 });``` 结果却没有打印到任何信息，于是找了同事问了一下，改用了$(document)的方法，代码如下： $(document).on(“click”, “.J-plugin-link”, funct
jQuery on()方法绑定动态元素的事件无响应
也许明天 '的博客
12-14 533
下面方法只为第一个class 为 btn 的button 绑定了click事件，点击追加元素按钮 使用append动态创建的button则没有绑定。jQuery on()方法是官方推荐的绑定事件的一个方法。使用 on() 方法可以给动态创建的元素绑定指定的事件。
jquery动态添加的事件失效解决方法：on()
weixin_30687051的博客
09-14 600
从jQuery1.7开始，on()替换了live()和bind()两个函数 on()函数可以对未来动态添加的元素进行绑定事件 on()函数写法的例子： $("body").on("click","button",function(){ $(this).remove(); }); 以下是我在使用on()函数发现的问题： html代码如下： &...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值