jquery - 如何使用 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 元素。您还可以定义视图以使用渲染动态生成 html。查看todos 示例应用程序，这是一个很好的起点。