$(window).resize(); 不起作用 - 重新访问

Question

I have a script where I even out the heights of the content on containers inside a wrapper div. It simply won't recalculate/reset the height on resize (on refresh it works).

I know this matter is answered in many places, and I believe I have read them all, but my script still wont run on resize.

Can you tell me what's wrong? Thanks!

var $equalboxContainer = $('.equalbox-container');
if ($equalboxContainer.length) {
  function equalheight(container) {
    $(container).each(function() {
      var highestBox = 0;
      $('.equal-box', this).each(function() {
        if ($(this).height() > highestBox) {
          highestBox = $(this).height();
        }
      });
      $('.equal-box', this).height(highestBox);
    });
  };

  equalheight($equalboxContainer);

  $(window).resize(function() {
    equalheight($equalboxContainer);
  });
}

Answer 1

it works for me i dont understand why it wouldnt maybe try using the venila js alternative

 $(window).resize(function(e) { //adds events for func to console.log('resize') }); //end bracket // or venila js window.addEventListener('resize', function(e){ //adds events for func console.log('resize'); }); //end bracket

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>