时间戳

首页 > 解决方案 > resize() 函数在调整大小时不起作用，但在刷新时起作用

jquery - resize() 函数在调整大小时不起作用，但在刷新时起作用

问题描述

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

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

标签： jqueryresizewindow-resize

解决方案

这是因为您没有以正确的方式使用该事件，请尝试以下操作：

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

推荐阅读