функция resize () работает не при изменении размера, а при обновлении

Question

У меня есть этот простой jQuery для изменения высоты нижнего колонтитула в окне изменения размера, но он работает при обновлении, а не при изменении размера.

<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>