调整大小的div使用jQuery

Question

我试图动态调整基于browzersize DIV的高度，并在此基础上脚本高度（发现here）：

$(document).ready(function() { 
    setHeight('.col'); 
}); 

var maxHeight = 0; 
function setHeight(column) { 
    //Get all the element with class = col 
    column = $(column); 
    //Loop all the column 
    column.each(function() {  
     //Store the highest value 
     if($(this).height() > maxHeight) { 
      maxHeight = $(this).height();; 
     } 
    }); 
    //Set the height 
    column.height(maxHeight); 
} 

脚本的伟大工程，我只需要它也运行时出于响应目的调整浏览器窗口的大小。

这将是有意义的做这样的事情：

$(window).resize(function() { 
setHeight('.col'); 
}); 

，然后又重置“maxHeight”莫名其妙......

没有布埃诺 - 任何想法？

Answer 1

Working jsFiddle Demo

对于thie首次setHeight函数拼命地跑，初始化元件的height。 第二次，总是会返回相同的高度。你必须向他们 你的循环之前删除height：

column.css('height', 'auto'); 

而且，还您var maxHeight = 0;必须在你的函数本身：

$(document).ready(function() { 
    setHeight('.col'); 
}); 


function setHeight(column) { 
    var maxHeight = 0; 
    //Get all the element with class = col 
    column = $(column); 
    column.css('height', 'auto'); 
    //Loop all the column 
    column.each(function() {  
     //Store the highest value 
     if($(this).height() > maxHeight) { 
      maxHeight = $(this).height(); 
     } 
    }); 
    //Set the height 
    column.height(maxHeight); 
} 


$(window).resize(function() { 
    setHeight('.col'); 
}); 

Answer 2

编辑：这里你去。它适用于我:)

$(document).ready(function() { 
    setHeight('.col'); 

    /*if this is not placed before it is to be called, 
    the browser won't recognize it, 
    which is why i preferably register these 
    event functions in ready()*/ 
    window.onresize=function(){setHeight('.col');}; 
}); 

function setHeight(column) { 
    var maxHeight = 0; 
    //Get all the element with class = col 
    column = $(column); 
    //Loop all the column 
    column.each(function() {  
    //Store the highest value 
    if($(this).height() > maxHeight) { 
     maxHeight = $(this).height() ; 
    } 
    }); 
    //Set the height 
    column.height(maxHeight); 
    console.log(column +" " + maxHeight); 
} 

误读q：使maxHeight变量局部于该函数。它的价值将被重置，每当你退出该功能。