如何使用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

试试这个：

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

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

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

如果您使用el指定它所属的父元素，则视图可以管理现有的dom元素。您还可以定义视图以使用render动态生成html。查看todos example app，这是一个很好的起点。