jQuery手风琴菜单扩展了页面长度

时间:2012-05-21 14:26:06

标签: php javascript wordpress jquery-plugins

所以我有一个jQuery手风琴菜单,我想在我的wordpress主页上实现,问题是每次我把菜单放在那里,它将我的页面向下扩展到1200 px高度,它是唯一一个此

我怎样才能阻止它宣布这个高度,让我准确地说明菜单延伸的时间长度,或者更好地使用它。我再次谈论一个wordpress插件。

我想要实现菜单的主题是:http://themeforest.net/item/celta-business-modern-corporate-wordpress-theme/full_screen_preview/218824?ref=lvraa

左栏

6 个答案:

答案 0 :(得分:7)

首先你应该尝试设置autoHeight to false,这样可以解决身高问题。

然后我可以找到关于HTML列表的问题,我抓住你的HTML,把它放在本地并使用demo source用于jQuery UI手风琴(第3节里面有一些HTML列表)它似乎工作正常。

希望它会有所帮助:)

答案 1 :(得分:3)

我们都需要您的代码来查看实际问题。你可以jsfiddle它。 另外,请尝试将autoHeight设为false

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

答案 2 :(得分:1)

初始化手风琴时,请在选项中加入autoHeight: false。然后它将使用每个div中指定的原生高度。

答案 3 :(得分:1)

您需要将autoHeight更改为false。这样做可能会降低动画质量,但应该解决高度问题。

这是由手风琴占据最大div的高度引起的。这里有更多关于它的信息: http://docs.jquery.com/UI/Accordion#option-autoHeight

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

答案 4 :(得分:1)

如果不知道您使用的是哪种手风琴插件,就无法给出确定的答案。如果您提供一个展示您问题的网址,那将非常有帮助。

如果您使用jQuery UI Accordion,可以尝试:

  1. autoHeight设置为false初始化手风琴。
  2. 明确设定手风琴容器的高度。例如:

      

    <风格>
       #acordion {
          身高:200px!重要;
       }   < /风格>
      < div id =“accordion”> ...< / DIV>

  3.   
  4. fillSpace设置为true初始化手风琴,然后明确设置手风琴的父元素的高度。
  5.      如果您正在使用其他图书馆,或者您自己开发了手风琴功能,请告诉我们您正在使用的图书馆并与我们分享您的代码。

答案 5 :(得分:1)

要解决此问题,您必须设置以下两个属性: -

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

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

参阅 - official jQuery accordion documentation