2010-04-15 30 views
1

我使用這個插件http://www.cssnewbie.com/equalheights-jquery-plugin/給我相等的列高度,以便我可以將div粘貼到右側邊欄的底部。問題使用等高柱和jQuery手風琴

它工作的很好,但是在我的一些頁面中,我使用的是一個jQuery的手風琴滑塊,這意味着手風琴中包含的信息非常多,即使它是隱藏的。

的問題是equalheights插件似乎並沒有認識到這種信息是隱藏的,因此相匹配的主塔的高度,如果被顯示在手風琴的所有信息,因此給了我一個很長的側邊欄和一個短暫的主要內容div(因爲信息在手風琴抽屜中關閉)。

任何人都可以讓我知道我可以解決這個問題嗎?

這裏,這裏是我的js -

//functions to be executed on page load 
$(function(){ 

//Open all links with rel="external" in new window 
$('a[rel="external"]').click(function() { 
    window.open($(this).attr('href')); 
    return false; 
    }); 


//Alternate Table Colours 
    $(function(){ 
    $("tr:odd").addClass("odd"); 
}); 

//Equal Column Heights 
    $(function(){ 
$('#primary-content,#secondary-content').equalCols(); 
}); 
在頁面的頭部

使用手風琴我有這樣的代碼 -

<script type="text/javascript"> 
$().ready(function(){ 
$('#list1b').accordion({ 
    autoheight: false 
}); 
}); 

任何幫助,非常感謝!謝謝!

回答

0

我已經完成了類似這種方式。

  1. 您需要將手風琴默認打開,所以如果JavaScript不可用,那麼您會看到所有內容都展開。

  2. 現在您需要讓equalHeight檢測所有內容展開的列的高度。通過這種方式,頁面將足夠高以適應內容。

  3. 然後添加摺疊的類來摺疊手風琴。

唯一的缺點是頁面會和所有擴展的內容一樣高。當您展開和摺疊時它不會調整。