2

この JQuery 関数を使用して、div の高さを等しくしています。

//equalize funciton
function equalHeight(group) {
    tallest = 0;
    group.each(function() {
        thisHeight = $(this).height();
        if(thisHeight > tallest) {
            tallest = thisHeight;
        }
    });
    group.height(tallest);
}

この OnLoad で:

$(window).load(function(){
equalHeight($("#div_right, #div_left, #div_bottom, .border"));
});

ページを有効にするには (ページのサイズが変更された後)、ページを更新する必要があります。ユーザーがウィンドウをドラッグしているときにそれを行うか、後でページを更新するだけにしたいと思います。

どれがおすすめ？JQuery関数が常にリロードしている場合、ページのサイズ変更がスムーズにいかないことはわかっています。また、どちらのオプションにも合うようにコードを変更するにはどうすればよいですか?

4

1 に答える 1

1

$(window).resize()と の両方で関数を呼び出します$(document).ready()。大丈夫でしょう。

エディション：
これが必要だと思います： 

<script type="text/javascript"> 
$(window).resize(function() { 
    equalHeight($("#div_right, #div_left, #div_bottom, .border")); 
});

$(document).ready(function() { 
    equalHeight($("#div_right, #div_left, #div_bottom, .border")); 
}); 
</script>
于 2012-06-16T03:59:09.417 に答える