如何使用 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 示例应用，这是一个很好的起点。