如何在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。