2011-08-04 110 views
1

我不知道我做錯了..但我有3列在這裏我想申請的高度相等jQuery的高度相等的

這裏是我的html

<div id="wrapper"> 
    <div class="LeftBG"></div> 
    <div id="MainBlock">THIS IS A TEST</div> 
    <div class="RightBG"></div> 
    <!-- END CONTENT BLOCK --> 
    </div> 

,這裏是我的功能而只是不工作....

var highestCol = Math.max(
    $('.LeftBG').height(), 
    $('.RightBG').height()); 
$('#MainBlock').height(highestCol); 

要看到我在做什麼click here

+0

看來工作。只需將高度應用於所有三個元素。 –

+0

你可以請告訴我究竟在哪裏,哪個要應用到哪個元素..我不是一個真正的JQuery花花公子,我剛剛發現這個腳本 –

+0

這將是一件很好的事情。 jquery使用CSS樣式選擇器:http://htmldog.com/guides/cssbeginner/selectors/ –

回答

3

更改您的合作去到這三個區塊設置爲相同的高度:

var highestCol = Math.max(
    $('.RightBG').height(), 
    $('.LeftBG').height()); 
$('#MainBlock, .RightBG, .LeftBG').height(highestCol); 

見這裏:http://jsfiddle.net/jfriend00/Rv4fr/

1

你做什麼修復中間一列,現在它適用於其他類以及...

var highestCol = Math.max(
    $('.RightBG').height(), 
    $('.LeftBG').height()); 
$('#MainBlock').height(highestCol); 
$('.RightBG').height(highestCol); 
$('.LeftBG').height(highestCol);