Backbone.js 视图 delegateEvents 未绑定（有时）

Question

我正在使用 Backbone.js，有时 视图事件 无法正确绑定。

我可以使用 jQuery 中的 $(viewselector).data() 检查事件绑定情况。大多数时候有事件，有时没有！

有哪些我应该注意的已知事情可能会导致这种情况？

Answer 1

当视图初始化时，事件被委托给 this.el。因此，您需要：

• 通过为构造函数提供“el”选项来指定元素来创建视图
• 在视图上定义 el、标签、id、类名以直接在页面上创建或查找元素。
• 将渲染的视图附加到视图的“el”元素
• 确保在视图创建后不要替换“el”元素

对于最后一项，如果必须这样做，可以再次调用 delegateEvents 来重新委托您所看到的事件。

Answer 2

在这些场景中，我的方法是在每个具有事件的视图的渲染中添加 delegateEvents() ，如下所示：

  $(this.el).empty();
  $(this.el).html(this.template({}));
  this.delegateEvents(); // this will bind all events ONCE AGAIN

这非常适合专门动态创建的视图，即在每次单击或所以...