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

在开发网站中经常需要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中动态添加的元素的监听事件生效，不过感觉第二个比较方便。

更多相关推荐

• 没有相关文章