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

【问题标题】：jQuery accordion menu extends page lengthjQuery 手风琴菜单扩展页面长度
【发布时间】：2012-05-21 14:26:05
【问题描述】：

所以我有一个 jQuery 手风琴菜单，我想在我的 wordpress 主页上实现它，问题是每次我把菜单放在那里时，它会将我的页面向下延伸到 1200 像素高度，而且它是唯一的这个。

我怎样才能阻止它声明该高度，让我准确地确定菜单延伸了多长时间，或者更好地使用它一次。同样，我在谈论一个 wordpress 插件。

左栏

【问题讨论】：

【解决方案1】：

首先你应该尝试设置autoHeight to false，这将解决高度问题。

然后我可以找到有关 HTML 列表的问题，我抓取了您的 HTML，将其放在本地并使用 demo source 用于 jQuery UI 手风琴（第 3 节里面有一些 HTML 列表），它似乎工作正常。

希望它会有所帮助:)

【讨论】：

【解决方案2】：

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

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

【讨论】：

【解决方案3】：

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

【讨论】：

【解决方案4】：

如果不知道您使用的是哪个手风琴插件，就不可能给您一个确定的答案。提供一个展示您的问题的 URL 对您非常有帮助。

如果你使用的是jQuery UI Accordion，可以试试：

如果您正在使用其他库或者您自己开发了手风琴功能，请告诉我们您正在使用哪个库并与我们分享您的代码。

【讨论】：

【解决方案5】：

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

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

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

【讨论】：

【解决方案6】：

要解决这个问题，您必须设置如下两个属性：-

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

和

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

【讨论】：