jquery on()方法重复绑定解决方法

Posted o0孤独夜莺0o

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery on()方法重复绑定解决方法相关的知识,希望对你有一定的参考价值。

最近再一次项目中发现

不刷新页面的情况下使用on()方法绑定事件会出现重复执行的问题,意思就是说点击一次会绑定一次...点击n次会绑定n次,执行起来是以你绑定的次数为准,绑定了n次就会执行n次

解决办法

在每次进行on()绑定之前先使用off()方法解除下绑定

例:

//解除绑定事件
$(‘#aa‘).off(‘click‘);
//添加绑定事件
$(‘#aaa‘).on(‘click‘,dianjishijian);

完美解决重复绑定事件问题。 

以上是关于jquery on()方法重复绑定解决方法的主要内容,如果未能解决你的问题,请参考以下文章

jQuery on()方法绑定动态元素的点击事件无响应的解决办法

JQuery .on() 没有将点击事件绑定到动态创建的元素[重复]

jquery动态添加的事件失效解决方法:on()

jquery事件重复绑定的快速解决方法

jquery使用on()方法绑定的事件被执行多次的问题

jQuery事件绑定on()bind()与delegate() 方法详解