undelegating事件处理程序'失去重点'

Question

我想尽可能清楚地说明这一点。

我有一个视图，显示一个窗体。我绑事件处理程序的提交按钮这样的：

events: { 
    'click #bsubmit': 'save' 
} 

在保存功能，如果成功，我照顾到undelegateEvents（）之前，我导航离开：

... 
that.undelegateEvents(); 
window.router.navigate('#/home'); 
... 

因此，如果有人来到这个页面，提交页面并返回（其实是回传）主页，都很好。

但是，此处还显示一个“主页”链接，其中显示顶级模板的哪一部分。它被指定这样的：

<a href="#/home">Home</a> 

因此，如果有人谈到这个页面，点击主页链接，（从那里）返回到该页面，该事件被映射了第二次。现在当有人提交表单时，它会被提交两次。

鉴于我有很多视图，并且导航可能以多种方式发生，导航发生在更高（不可控）方式时，undelegateEvents的常见模式是什么？或者我在做一些根本性错误？

Answer 1

在你的情况下，你不需要取消事件。只需从DOM与$('el').remove()删除您的形式，JavaScript事件将自动被删除

最好的解决办法是有一个HomepageView和FormView每个在同一容器（让说.container）。一个完整的情景

例子：

• 用户去#homepage，我们实例化一个HomepageView，呈现在.container
• 用户去#form，我们实例化一个FormView，呈现在.container
• 用户去#homepage，我们实例化一个HomepageView，呈现在.container
• ...等，等

因此，每次用户导航到新路线时，前一个视图将被新路线替换。

由于之前的视图HTML不再属于DOM，因此您不需要再取消关闭事件。

当然，.container元素不属于我们的视图，每个视图都有它自己的元素在.container元素内呈现。

阅读blog post了解更多信息。