JQuery 手风琴菜单在加载时闪烁

Question

我在网站上实现了一个 Jquery 菜单，但是每当我单击新页面时，菜单会下拉一秒钟然后恢复正常。有谁知道这是为什么？

这是链接：http://www.knowledgecity.com/alj/ 单击第一个菜单项“务实行事”，然后单击该菜单中的第一项。当新页面加载时，菜单会移动一点。在 IE 中尝试一下。

预先感谢您的帮助。

大卫

Answer 1

诀窍是隐藏您的手风琴内容，然后在调用手风琴时显示。这将防止您看到的闪烁。

示例

CSS

#element{
 display:none;
}

jQuery

$('#element').accordion().show();

Answer 2

在包含水平“Prida | Business | Computer”菜单的 div 中，您可以添加一个嵌套 div 并使用 css 为其指定固定高度。它的表现很不稳定，因为在 DOM 加载之后，这个菜单只是一个文本列表。然后样式被注入到您的代码中，最后应用到菜单。

目前你有：

<div id="tabs">
    <ul> ... </ul>
</div>

我会尝试：

<div id="tabs">
    <div id="tabsContainer" style="height:42px">
        <ul> ... </ul>
    </div>
</div>

或者，将一个具有固定高度的 div 粘贴到你的一个

元素中：

<div id="tabs">
    <ul>
        <li><div style="height:42px"></div>...</li>
        ... 
    </ul>
</div>