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中动态添加的元素的监听事件生效,不过感觉第二个比较方便。