调整窗口大小后调用函数的问题

Question

我在解决此问题时遇到问题。我使用jQuery来调用resizeWindow函数，以便在浏览器窗口重新调整大小时运行。 resizeWindow函数按预期工作，但是，调整浏览器窗口大小似乎不会调用该函数再次运行。

$(document).ready(function(){ 
    //Bind the window onresize event 
    $(window).bind('resize', resizeWindow); 

    //Call resizeWindow() function immediately to intially set elements 
    $(window).bind('load', resizeWindow); 
}); 

function resizeWindow(){ 
    //Find all the container parent objects 
    $('.container').each(function(){ 
      //Initialize the height variable 
      var maxHeight = 0; 

      //Cache the jQuery object for faster DOM access and performance 
      var $borders = $(this).find('.border'); 

      //Find all the border child elements within this specific container 
      $borders.each(function(){ 
        //Get current element's height 
        var thisHeight = $(this).height(); 

        //Check if the current height is greater than the max height thus far 
        //If so, change max height to this height 
        if (thisHeight>maxHeight) maxHeight = thisHeight; 
      }); 

      //Now that we have the maximum height of the elements, 
      //set that height for all the .border child elements inside the parent element 
      $borders.height(maxHeight); 
    }); 
} 

Answer 1

我相信你手动设置边界的高度时，该函数首先调用它时，窗口大小调整停止大小。

尝试加入这一行var $borders之后：

$borders.css({height:'auto'});