为什么jquery Mega Menu如此缓慢加载？

我正在使用j query Mega menu，当我的页面加载时，它首先显示所有菜单（包括子菜单），当它呈现时，然后子菜单消失，看起来像一个普通的水平男子。它最终加载并看起来很合适，但它非常分散注意力，看起来有点奇怪。我可以在上面的示例页面上复制它。为什么jquery Mega Menu如此缓慢加载？

它几乎是其试图隐藏菜单渲染之后

有谁知道是否有办法让这个菜单加载“清洁”没有这个跳跃增量再现？

来源

2012-02-23 leora

你使用什么浏览器？ – Neal 2012-02-23 21:27:01

隐藏CSS中的下拉菜单，而不是javascript。 – 2012-02-23 21:27:27

@Neal - 我在IE和Firefox中看到这个问题 – leora 2012-02-24 02:57:14

如果您使用$ .ready（）包装来调用初始化程序，它将等待整个页面完成加载，然后再准备菜单。您有2个选项：

在初始化之前使用CSS隐藏菜单。
在标记后立即初始化菜单。

下面是一个例子：

<ul id="menu"> 
    <li>...</li> 
    ... giant menu ... 
</ul> 
<script type="text/javascript"> 
    $('#menu').giantMenu(); 
</script>

编辑：更多...

理想真的是禁用JavaScript和看到页面的外观。你不应该依靠JavaScript来让页面看起来很正常。这可能与添加Mega菜单在初始化过程中添加的几个类一样简单。

来源

2012-02-23 22:06:22 smdrager

这称为FOUC，如果您先通过css先正确设置菜单的样式，则可以避免这种情况。这样，浏览器需要一段时间才能加载所有需要的.js文件并不成问题。

来源

2012-02-23 22:13:27 Christoph

我在IE和Firefox中看到这个问题。。奇怪，因为我没有很多菜单 – leora 2012-02-24 02:58:31

为什么jquery Mega Menu如此缓慢加载？

回答

相关问题