如何使用Backbone.js視圖綁定到事件？

Question

我是backbone.js的新手，我正在擺脫KnockoutJS。我無法使事件綁定工作。

由於HTML像這樣：

<span id="xxxxxx">All</span> 

MenuView = BB.View.extend({ 

    events : { 
     'click #xxxxxx' : 'onNavClick' 
    }, 

    onNavClick : function(e) { 
     console.log('onNavClick'); 
    } 
}) 

出於某種原因與上面的，當我點擊跨度，該事件不觸發。想法？

感謝

Answer 1

試試這個：如果指定其所屬使用的EL父元素

MenuView = BB.View.extend({ 
    el: $("#xxxxxx"), 

    events : { 
     'click' : 'onNavClick' 
    }, 

    onNavClick : function(e) { 
     console.log('onNavClick'); 
    } 
}) 

視圖可以管理現有的DOM元素。您還可以定義視圖以使用渲染動態生成html。查看todos example app，這是一個很好的開始。