javascript - Backbone.js开发中如何将初始化的事件绑定到this.$el中?-PHP中文网问答

events: {
    "click span.cpm-right": "collect",
},
initialize: function (attrs) {
    this.tabs();//但是我想把这个操作绑定到$el中
},
tabs:function() {//当页面载入时，这个执行
    $('.cpm-tabs li').each(function(index){
        if($(this).hasClass('on')){
            $('.tabs').hide();
            $('.tabs:eq('+index+')').show();
        }
    })
    $('.cpm-tabs li').on('click',function(){
        var index=$(this).index();
        $('.tabs').hide();
        $(this).addClass('on').siblings('li').removeClass('on');
        $('.tabs:eq('+index+')').show();
    })
},

但是我想把这个操作tabs()绑定到$el中；（可能是干扰了大家，实际想问的的代码如下：）

events: {
    "click span.cpm-right": "collect",
},
broadcast:function(){
//存在问题：浏览器返回再进来，定时器累加，轮播就乱了
    //就是想把他绑定在body里，然后$('body').off()
    $(".cpm-broadcast li:eq(0)").clone(true).appendTo($(".cpm-broadcast"));
    var liHeight = $(".cpm-swiper").outerHeight();
    var index = 0;
    function next() {
        index++;
        $(".cpm-broadcast").animate({
            top: -index * liHeight
        },400,function(){
            if(index == $(".cpm-broadcast li").length -1) {
                $(".cpm-broadcast").css({top:0});
                index = 0;
            }
        })
        console.log('autoTimer')
    }
    //自动轮播
    this.autoTimer = setInterval(next,3000);
},
render: function (e) {
    this.$el.html(this.template(this.model.toJSON()));
    this.broadcast();//这里怎么绑定
    return this;
},

浏览器返回再进来，定时器累加，轮播就乱了，就是想把他绑定在body里，然后$('body').off()，不知道怎么实现比较好

// 为了说明方便把 `events` 的事件写在 `initialize` 中 initialize: function() { // events 的行为会为处理方法绑定 `this` 指针为当前的 View // 并为传入的 `event` 增加一个 `currentTarget` 作为本应指向 // 被单击的元素。 this.$el.on('click', 'span.cpm-right', collect.bind(this)); }

events: { 'click span.cpm-right': 'collect', 'click .cpm-tabs li': 'tab' }, initialize: function() { $('.cpm-tabs li').each(function(idx) { if ($(this).hasClass('on')) { $('.tabs').hide().eq(idx).show(); } }); }, tab: function(e) { var $tab = $(e.currentTarget), idx = $tab.index(); $('.tabs').hide(); $tab.addClass('on').siblings('li').removeClass('on'); $tabs.eq(idx).show(); }