javascript - 页面加载时谷歌浏览器 div 溢出

Question

我有一个 jQuery 脚本来调整容器中所有 div 的大小，但是当我重新加载页面时它在 Google Chrome 中无法正常工作。如果我调整浏览器宽度并重新加载页面，则 div 会调整大小并且文本会溢出 div 框。我怎样才能解决这个问题？这是jQuery代码：

<script type='text/javascript'>
function resizeDivs() {

$(".container>div").height("");

$('.container').each(function(){  

    var highestBox = 0;
    $('.column', this).each(function(){

        if($(this).height() > highestBox) 
           highestBox = $(this).height(); 
    });  

    $('.column',this).height(highestBox);

});  

}



$(document).ready(function(){



$(".container>div").css('height', 'auto');

resizeDivs();


});

$(window).resize(function () {


$(".container>div").css('height', 'auto');
resizeDivs();

});

</script>

Answer 1

尝试在未准备好文档的窗口加载时调用 resizeDivs()