Javascript 向主干视图组件注册静态UI元素事件

我只是尝试在一个按钮上执行

单击
，而不使用
模板
。


HTML

<div id="transfer">
            <input type="text" placeholder="From Address" id="fromAddress" />
            <input type="text" placeholder="To Address" id="toAddress" />
            <input type="text" placeholder="Amount" id="amount" />
            <input type="button" id="transferMoney" value="Transfer"/>
        </div>

但是当我点击“转账钱”按钮时，
sendMoney（）
不会被调用

我是否必须始终使用
模板
创建按钮？
这是因为事件哈希的范围仅限于视图（请参阅）。试一试

var TransferView = Backbone.View.extend({
    events: {
        "click #transferMoney": "sendMoney"
    },
    sendMoney: function() {
        alert();
        console.log($("#fromAddress").val());
        //this.modeltransferMoney);
    }
});

var transferView = new TransferView({mdoel: transferMoney});
transferView.render();

var TransferView = Backbone.View.extend({
    initialize: function(){
        $("#transferMoney").on("click", this.sendMoney);
    },
    sendMoney: function() {
        alert();
        console.log($("#fromAddress").val());
        //this.modeltransferMoney);
    }
});

var transferView = new TransferView({mdoel: transferMoney});
transferView.render();