Jquery resize（）函数不用于调整大小，但用于刷新

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

$（窗口）。调整大小（函数（）{
var footerHeight=$（“#footer”）.outerHeight（）；
$（'页脚'）。高度（页脚高度）；
$（'#content'）.css({
“paddingBottom”：页脚高度+“px”
});
});

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

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

window.onresize=函数（事件）{
var footerHeight=$（“#footer”）.outerHeight（）；
$（'页脚'）。高度（页脚高度）；
$（'#content'）.css({
“paddingBottom”：页脚高度+“px”
});
};

您的代码中似乎没有问题，我也使用了类似于此的“调整大小”功能，您可以同时包含html吗？^inded，似乎可以正常工作：。请注意，您的CSS可能就是问题所在。查看完整的工作示例工作演示会有所帮助。为什么您确信您的代码可以工作？请添加一个解释，说明为什么它会起作用？顺便说一句，您的代码与OP的代码完全相同。不完全相同是因为OP没有使用事件元素“on”，这就是为什么当他调整屏幕大小时，只会在屏幕上发生任何事情refresh@RoryMcCrossan这是添加“on”之前的工作演示。只需调整大小，即可看到页脚的内容从页脚中消失。现在添加“on”并调整大小，您将看到差异。