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（）而不是文档就绪

Google Chrome div在页面加载时溢出

1 个答案: