Question

我正在使用这个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函数一直在重新加载，页面调整大小将不会很顺利。另外，我怎么能改变我的代码以适应任何一个选项？

Answer 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>

JQuery函数（Window Resize）

1 个答案: