关于jQuery append生成的新元素添加事件失败

本文探讨了在jQuery中使用不同方法绑定事件,特别是对于未来添加的元素,为何click、bind方法失效,而live方法不再推荐使用的原因及解决办法。重点介绍了在1.9版本中使用on方法替代live方法的重要性。

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

       今天做毕设时遇到这个奇怪现象,用append()方法生成的按钮,该按钮无法触发事件。

第一次调用该按钮的代码:

                     $(".btn.btn-mini.add").click(function(){ .....}); 

点这个按钮没任何反应。查阅网上资料,很多人说用live,于是改为:

                     $(".btn.btn-mini.add").live('click',function(){ ....});

依旧没任何反应。最后使用on,改为:

                     $(document).on('click','.btn.btn-mini.add',function(){.....}); 问题解决!

看过的这些资料归纳下:

 click方法或者bind方法都无法绑定未来添加元素的事件。

②live可以,但live方法在1.7中已经不建议使用,在1.9中删除了这个方法。并建议在以后的代码中使用on方法来替代。


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值