两个相同的jQuery .on事件是否绑定了两次？

Question

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

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

Answer 1

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

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

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

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