资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

jquery多次绑定同一个事件的方法

这篇文章主要介绍了jquery多次绑定同一个事件的方法的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇jquery多次绑定同一个事件的方法文章都会有所收获,下面我们一起来看看吧。

按需网站建设可以根据自己的需求进行定制,成都做网站、网站设计构思过程中功能建设理应排到主要部位公司成都做网站、网站设计的运用实际效果公司网站制作网站建立与制做的实际意义

这两天工作中遇到使用js动态加载内容,同时需要对加入的内容绑定点击事件的,当时想想了想可以使用内联的onclick来实现,后来没有这样做,使用的是 on(‘click',function(){}) ,然而使用on方法的时候就发现,on 对同一个元素多次绑定同一个事件的时候,这个事件就会执行多次。

下面给出这种情况的实例:

$(function(){

$(".add").click(function(eve){

$(".btn-area").append("test button");

//$(".test-btn").off("click");

$(".test-btn").on("click",function(){

console.log("test button .....");

});

});

});

在点击add按钮的添加测试按钮,测试按钮绑定点击事件,console 台输出一句话。

很明显,第一个按钮点击之后执行了5次。

遇到这种情况需要在每次绑定事件之前,对该事件解绑,也就是 $(“.test-btn”).off(“click”); ,off方法解绑。

关于“jquery多次绑定同一个事件的方法”这篇文章的内容就介绍到这里,感谢各位的阅读!相信大家对“jquery多次绑定同一个事件的方法”知识都有一定的了解,大家如果还想学习更多知识,欢迎关注创新互联行业资讯频道。


分享标题:jquery多次绑定同一个事件的方法
文章来源:http://www.cdkjz.cn/article/ipihgi.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220