2012-05-21 80 views
2

所以我有一個jQuery手風琴菜單,我想實現到我的wordpress主頁,問題是每次我把菜單放在那裏,它擴展我的頁面方式下來像1200像素高度,這是唯一一個這樣做的人。jQuery手風琴菜單擴展頁面長度

我該如何阻止它聲明這個高度,並讓我確切地說它是菜單的延伸時間,甚至更好的去做一次。再次,我正在談論一個wordpress插件。

我想要實現菜單的主題是:http://themeforest.net/item/celta-business-modern-corporate-wordpress-theme/full_screen_preview/218824?ref=lvraa

左列

+4

所以你有一個jQuery手風琴菜單,但你不會顯示給我們。任何人都可以回答?另外,爲什麼會有人提出一個無法回答的問題? –

+0

你能提供給我們一個鏈接到問題網站或一些示例代碼? – Mark

+0

您使用的是jQuery UI Accordion小部件或其他插件嗎? –

回答

7

首先,你應該嘗試設置autoHeight to false,這將解決高度問題。

然後,我可以找到關於HTML列表中的問題,我抓住你的HTML,把它在本地和使用的demo source的jQuery UI的手風琴(在第3節有內部的一些HTML列表),它似乎很好地工作。

希望它會幫助:)

1

當初始化手風琴,包括在選項autoHeight: false。然後它將使用每個div中指定的原生高度。

1

您需要將autoHeight更改爲false。這樣做可能會降低動畫的質量,但應該解決高度問題。

這是手風琴考慮到最大div的高度造成的。很多更多關於它在這裏: http://docs.jquery.com/UI/Accordion#option-autoHeight

$(".selector").accordion({ autoHeight: false });

1

這是不可能給你一個肯定的答案不知道你正在使用的手風琴插件。如果您提供一個顯示您的問題的網址,這將會非常有幫助。

如果您使用的是jQuery UI Accordion,你可以嘗試:

  1. autoHeight集初始化手風琴false
  2. 明確設置了手風琴容器的高度。例如:

    <風格>
    #accordion {
    高度:200像素重要;
    }
    < /風格>
    < DIV ID = 「手風琴」> ... </DIV>

  3. 初始化fillSpace組手風琴爲true,然後明確地設置手風琴的父元素的高度。
如果您正在使用其他庫,或者您自己開發了手風琴功能,請告訴我們您正在使用的庫,並與我們分享您的代碼。

1

爲了解決這個問題,必須設置如下兩個屬性: -

$(".selector").accordion({ autoHeight: false }); 

$(".selector").accordion({ clearStyle: true }); 

請參考 - official jQuery accordion documentation

3

我們都需要你的代碼,看看實際的問題。你可以搞定它。 另外,請嘗試將autoHeight設置爲false

$(".yourselector").accordion({ autoHeight: false });