2012-06-16 59 views
2

我使用這個jQuery函數等於我的div高度:jQuery函數(窗口大小調整操作)

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

$(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> 
+0

太好了,謝謝你 –

+0

嗯,我正在運行的所有三臺現在,但它不再調整大小的div的。 ' <腳本類型= 「文本/ JavaScript的」> \t $(窗口).load(函數(){ \t $( 「#div_right,#div_left,#div_bottom,.border」); \t}); <腳本類型= 「文本/ JavaScript的」> \t $(窗口).resize(函數(){ \t $( 「#div_right,#div_left,#div_bottom,.border」); \t}); <腳本類型= 「文本/ JavaScript的」> \t $(文件)。就緒(函數(){ $( 「#div_right,#div_left,#div_bottom,.border」); \t}); –

+0

不知道如何格式化爲代碼視圖抱歉 –