jQuery动态行绑定事件,发生重复绑定解决方案

背景:

成都创新互联专业为企业提供彭水苗族土家族网站建设、彭水苗族土家族做网站、彭水苗族土家族网站设计、彭水苗族土家族网站制作等企业网站建设、网页设计与制作、彭水苗族土家族企业网站模板建站服务,10年彭水苗族土家族做网站经验,不只是建网站,更提供有价值的思路和整体网络服务。

系统需要动态增加分类,各分类下有各自的3项资金(有资金小计,问题就出在这里)。

问题:

新增一条分类,需要给3项资金新绑定小计功能。这个时候会发现,初始第一行的计算,会调用两次,增加到三行的时候,第一行会重复计算三次,第二行会重复计算两次...以此类推

为什么会执行多次?

猜词:

新增一行,绑定计算函数,历史分类会累计事件。也就是说,每新增一行,历史的每一个分类都会增加一次事件绑定。

方案:

绑定事件前,删除事件。jQuery提供了on()、live()绑定方法,对应的解绑事件off()、die().

编码:

// 调整之后的事件绑定
$(this).off('blur').on('blur',function(){
    alert('绑定前,解绑。保证事件唯一性');
});
/** 老的事件绑定
$(this).on('blur',function(){
    alert('直接绑定,遇到重复调用,会出现事件多次执行的异常,请确认只绑定一次。');
});*/

以上,就是jQuery事件绑定,出现重复多次执行问题的来龙去脉,谢谢大家。

----by.沫沫金

jQuery动态行绑定事件,发生重复绑定解决方案


分享名称:jQuery动态行绑定事件,发生重复绑定解决方案
URL网址:http://bzwzjz.com/article/ggojph.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 手机网站制作设计 企业网站设计 成都网站建设 成都网站建设 网站建设推广 成都商城网站建设 重庆外贸网站建设 网站建设 成都网站建设 成都网站建设 成都网站制作 高端品牌网站建设 成都网站建设 手机网站制作 专业网站设计 企业网站设计 定制网站设计 成都网站建设 手机网站设计 成都网站设计 成都网站建设公司 成都网站制作