backbone的view.events中绑定事件

绑定事件的时候一定要先在render中去渲染一下。要不然无法使用events:{} ;来绑定事件。

比如我想给#btn绑定click 事件   直接使用events:{ 'click #btn':''fn}是不能绑定上的。

绑定成功的代码:

var V2 = Backbone.View.extend({
        el: $('.container'),
        html:$('.container').html(),
        initialize: function () {
            this.listenTo(this.model, 'change', this.render);
        },
        events: {
            "click #btn" : "fn"
        },
        render:function (){
            this.$el.html(this.html);
            this.delegateEvents();  //重新绑定一下所以的事件。以防出错
            return this;  //这里模仿了backbone 中的例子
        },
        fn: function (event) {
            console.log('v');
        }
    });

唉。刚接触backbone。第一次遇见的坑。不过还是解决了。

转载于:https://my.oschina.net/pengpengpengone/blog/761253

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值