javascript - 主干中的简单视图不起作用

Question

我尝试在主干中制作一个简单的视图，按下按钮（使用.buy-products类）它必须触发'buyProducts'方法，但它没有，请帮助

var CurrProducts = Backbone.View.extend({

        events: {
            "click .buy-products": 'buyProducts'
        },

        buyProducts: function() {
            console.log("working1");
        },

        render: function() {
            return this;
        }
    });
    var test = new CurrProducts();
    test.render()

Answer 1

您需要首先将主干视图绑定到页面上包含 .buy-product 按钮的元素。

为简单起见，您可以将其绑定到正文：

var CurrProducts = Backbone.View.extend({
    el: "body",
    //rest of your code
});

http://backbonejs.org/#View-el