javascript – 两个相同的jQuery .on事件绑定两次？

让我们说我们有很多东西要做.我们使用$(‘body’).on(‘click’,’.todo’,do_stuff)而不是$(‘.todo’).click(do_stuff)所以我们只会将一个事件监听器附加到DOM.

但是,我正在使用一个小型MVC.每个要做的视图都有这个代码$(‘body’).on(‘click’,do_stuff).因此,如果我们有20到dos,这是否意味着身体有20个附加的听众或只有一个？他们都会解雇吗？

解决方法

你应该杀死以前的事件处理程序：

<script>
    $('body').off('click','.todo',do_stuff);
    $('body').on('click',do_stuff);
</script>

在off()函数中包含实际的事件处理函数,只会删除该特定的处理程序,而不会删除由相同的元素/事件触发的所有其他处理函数.此外,在执行此操作时请避免使用匿名函数.

目前还建议放弃unbind()和kill(). on()/ off()应该适合您的所有事件处理需求,包括未来的活动绑定和延迟结果.