不再需要视图后取消委派事件的最佳方法

The best way to undelegate events once a view is no longer needed

本文关键字:事件 最佳 方法 委派 取消 视图 不再      更新时间:2023-09-26

视图remove()方法中调用undelegateEvents()是一种不好的做法吗?为什么骨干人员没有默认包含它?

意识到在简单地重新初始化视图变量时,我遇到了很多绑定问题。尽管创建新视图时会自动调用undelegateEvents(),但它会尝试取消委派新实例化视图的事件,而不是前一个视图。因此,除非每次都手动调用它,否则 ghost 事件回调将保持活动状态并搞砸我的应用程序。

处理这个问题的最佳方法是什么?

在视图remove()方法中调用undelegateEvents()是一种不好的做法吗?

除非您正在实现自己的remove()并且不调用Backbone.View.remove()this.$el.remove(),否则没有必要。 至少如果你使用的是jQuery。 在主干视图上调用remove()将调用jQuery.remove()这将删除所有 DOM 事件侦听器。

意识到在简单地重新初始化视图变量时,我遇到了很多绑定问题。

很多人似乎都在使用Backbone.Events,就像它是某种不需要清理的魔法,例如:

var View = Backbone.View.extend( {
  initialize : function ( options ) {
    // `on()` or `bind()`
    this.model.on( 'something', this.render, this );
  }
} );

请参阅我在 Backbone 中将事件委派给父视图的答案

您遇到的幻影事件问题是否可能与主干事件而不是 DOM 事件有关?

如果保留模型对象,但想要删除该视图对象或其主干事件注册,则必须执行view.model.off( null, null, this );。 您必须取消绑定已注册到任何外部对象的事件。 如果需要,您可以覆盖Backbone.View.remove()并在那里执行此操作,但默认情况下,该方法只是 view.$el.remove() 的简写。