如何在Backbone.js视图中触发/绑定自定义事件？

Question

我有一个使用​​实现幻灯片骨干视图。

iScroll发布一个onScrollEnd事件，但我似乎无法绑定/订阅它的视图中：

App.Views.Scroller = Backbone.View.extend({ 

    events: { 
     'onScrollEnd' : 'scrollEnd' 
    }, 

    initialize: function(){ 
     var self = this; 
     this.scroller = new iScroll('content-scroller', { 
      onScrollEnd: function() { 
       self.trigger('onScrollEnd'); 
      } 
     });  
    }, 

    scrollEnd: function(e){ 
     // never called :(
     console.log(e); 
    } 

}); 

Answer 1

你onScrollEnd事件被绑定到视图*元素;当视图的HTML元素收到一个onScrollEnd事件时，会调用scrollEnd。

但你触发了您的视图对象，而不是元素的onScrollend事件。

因此，您可能想要说$(self.el).trigger('onScrollEnd');，或者直接调用该函数：self.scrollEnd()。

Answer 2

您应该直接或者在你的初始化调用的函数，补充一点：

self.bind('onScrollEnd', self.scrollEnd); 

Answer 3

它可能不是很明显，但在Backbone.js的意见event属性只用于DOM事件。自定义事件应绑定为James Brown mentioned above。