【洋洋电脑帮】博客主要分享生活中的经历经验和IT运维工作、计算机自学过程中遇到的问题及解决办法,还分享好用的【软件和各种资源】等。坚持+自律=开挂人生。

jquery动态添加的元素无法触发绑定事件(click、blur等)的解决方法

作者:洋洋电脑帮 | 发布时间:2025-03-30 19:03:56 | 阅读:0 | 评论:0

在开发网站中经常需要jquery动态添加元素,但是这些动态添加的元素绑定的监听事件,如click、blur、focus等事件会不起作用。下面总结了几种解决方法,见下文。

方法一

经查资料,解决方法如下:
例如id=testbtn的按钮触发click事件,将

$("#testbtn").click(function(){
alert("test");
})

改为

$("#testbtn").bind("click",function(){
alert("test");
})

即可使动态添加的按钮上的click事件生效。

 

方法二

$("body").on("click","#testbtn",function(){
alert("test");
});

以上两种方法都可以让jquery中动态添加的元素的监听事件生效,不过感觉第二个比较方便。

为了给您带来更好的浏览体验,我日夜打磨网站。若您喜欢这里的内容,不妨用打赏为我点赞。您的每一分支持,我都将化作持续创作的热情,为您呈上更多优质内容。
微信
支付宝
评论区




登录页面验证码图片