加载时JQuery Accordion菜单闪烁

Question

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

以下是链接：http://www.knowledgecity.com/alj/ 单击第一个菜单项“Act Pragmatically”，然后单击该菜单中的第一个项目。当新页面加载时，菜单会移动一点。在IE浏览器中尝试。

提前感谢您的帮助。

大卫

Answer 1

诀窍是隐藏您的手风琴内容，然后在调用手风琴时显示。这样可以防止您看到的轻弹。

例如

<强> CSS

#element{
 display:none;
}

<强>的jQuery

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

Answer 2

在你的div中持有水平的“Prida | Business | Computer”菜单，你可以添加一个嵌套的div并用css给它一个固定的高度。它的表现很突出，因为在DOM加载之后，这个菜单只是一个文本列表。然后将样式注入到代码中，最后应用到菜单中。

目前你有：

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

我会尝试：

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

或者，将具有固定高度的div粘贴到您的<li>元素之一：

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