resize() 函数不适用于调整大小但适用于刷新

Question

我有这个简单的 jQuery 可以在 window 调整大小时更改页脚的高度，但它正在刷新而不是调整大小。

<script>
  $(window).resize(function() {
    var footerHeight = $('#footer').outerHeight();
    $('#footer').height(footerHeight);
    $('#content').css({
      'paddingBottom': footerHeight + 'px'
    });
  });
</script>

Answer 1

这是因为您没有以正确的方式使用活动，试试这个：

<script>
  window.onresize = function(event) {
    var footerHeight = $('#footer').outerHeight();
    $('#footer').height(footerHeight);
    $('#content').css({
      'paddingBottom': footerHeight + 'px'
    });
  };
</script>