问题描述
|
我在网站上实现了一个Jquery菜单,但是每当我单击一个新页面时,菜单就会下拉一秒钟,然后恢复正常。有人知道为什么是这样吗?
这是链接:http://www.kNowledgecity.com/alj/
单击第一个菜单项“实用地行动”,然后单击该菜单中的第一个项。加载新页面时,菜单将移动一点。在IE中尝试。
预先感谢您的帮助。
大卫
解决方法
诀窍是隐藏您的手风琴内容,然后在调用手风琴时显示。这样可以防止您看到甩动。
例
的CSS
#element{
display:none;
}
jQuery的
$(\'#element\').accordion().show();
,在具有水平\“ 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插入<li>
元素之一:
<div id=\"tabs\">
<ul>
<li><div style=\"height:42px\"></div>...</li>
...
</ul>
</div>