为什么有些事件在主干中不起作用答案

【问题标题】：why some events do not work in backbone为什么有些事件在主干中不起作用
【发布时间】：2014-06-01 09:05:15
【问题描述】：

在事件哈希中，我想使用调整大小事件，但它们也不工作。但是，单击事件效果很好。为什么调整大小不起作用？

var SubheaderView = Backbone.View.extend({

    id: 'gallery',
    tagName: 'div',

    events: {
        'click #minor': 'getPadding',
        'resize #minor': 'getPadding' //not work
    },

    initialize: function() {
        this.render();
    },

    render: function() {
        this.$el.append(subheaderTemplate);
    },

    getPadding: function() {
        var pad_top = Math.floor($('#minor').height() * 0.4);
        var pad_left = Math.floor($('#minor').width() * 0.07);
        var pad = pad_top + 'px 0px 0px ' + pad_left + 'px';

        $('#cover h1').css({'padding': pad});
    }
});

【问题讨论】：

看stackoverflow.com/questions/17879505/…

标签： javascript backbone.js

【解决方案1】：

它根本与Backbone 无关。根据MDN，只有window 有resize 事件。

【讨论】：

【解决方案2】：

你可以这样做：将此代码添加到您正在使用的主干.js 文件中

Backbone.View.prototype.eventAggregator = _.extend({}, Backbone.Events);
  $(window).resize(function () {
  Backbone.View.prototype.eventAggregator.trigger('window:resize');
});

然后将事件聚合器绑定到任何想要使用resize事件的视图

this.eventAggregator.bind('window:resize',this.resize)

其中this.resize 是为调整大小事件调用的函数

【讨论】：