JQuery函数(Window Resize)

时间:2012-06-16 03:49:30

标签: jquery html resize

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

1 个答案:

答案 0 :(得分: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>