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

jQuery accordion menu extends page length

本文关键字：手风琴 菜单 扩展 jQuery      更新时间：2023-09-26

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

我怎样才能阻止它宣布那个高度，让我准确地说出菜单延长了多长时间，甚至最好是用它去一次。同样，我说的是wordpress插件。

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

左列

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

然后我可以找到有关 HTML 列表的问题，我抓住了您的 HTML，将其放在本地并使用了 jQuery UI 手风琴的演示源代码(第 3 节里面有一些 HTML 列表(，它似乎工作正常。

希望对:)有所帮助

我们都需要您的代码来查看实际问题。你可以把它抖动一下。另外，请尝试将autoHeight false 。

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

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

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

如果您使用的是 jQuery UI 手风琴，您可以尝试：

  1. 初始化折叠琴，自动高度设置为 false 。
  2. 明确设置手风琴容器的高度。例如：

    <风格>
    #accordion {
    高度：200px ！重要;

    }

    ...

  3. 初始化折叠项，将 fillSpace 设置为 true，然后显式设置折叠项父元素的高度。
如果您正在使用其他库，或者您自己开发了手风琴功能，请告诉我们您正在使用的库并与我们分享您的代码。

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

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

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

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

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

和

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

请参考 - 官方 jQuery 手风琴文档

相关文章：