0

コンテナー内のすべての div のサイズを変更する jQuery スクリプトがありますが、ページをリロードすると 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>
4

1 に答える 1

1

ドキュメントの準備ができていないウィンドウの読み込み時に resizeDivs() を呼び出してみてください

于 2013-05-14T07:30:48.993 に答える