如何使用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，这是一个很好的开始。