javascript - 由 jQuery 设置的内联 CSS 'resize event' 在窗口调整大小后重置为默认值

Question

我有一个名为 HeaderView 的主干 View ，我正在尝试在调整大小时更新每个标题的子项的填充。填充仅在我调整大小时更新，然后当我停止调整大小时，css 设置回默认值，就像我做了 $('element').css('padding-left', '');

var HeaderView = Backbone.View.extend({
  initialize: function() {
    this.$headers = this.$el.find('.myHeaders');
    this.resize();

    $(window).on('resize.header', _.bind(this.resize, this));
  },
  resize: function() {
    this.$headers.each(function() {
      var l;

      if ($(this).index() <= 2 ) {
        l = $(this).offset().left;
        $(this).find('#child').css('padding-left', l);
      }
    });
  }
});

Answer 1

这是一个主干 View ，是构建在 Demandware 平台上的更大站点的一部分。 Demandware 附带一个 responsive.js 文件，该文件覆盖了我的更改并将 css 设置回其默认状态。从加载中注释掉文件解决了我的问题。