HoverIntent和SuperFish闪烁

Question

我在这个网站的http://bit.ly/MJ8KT6上遇到了一个奇怪的问题，它使用了HoverIntent & Superfish菜单解决方案。我在网站顶部的主子菜单上运行了0.2s的延迟，以帮助防止用户将鼠标移出子菜单。这是完美的，但我发现，当用户第一次访问网站时，它会导致菜单闪烁0.2秒的延迟。

此外，单击四个主要菜单选项中的任何一个也可以调用相同的闪烁/闪烁。随后的点击不会导致问题，我在浏览器中复制问题的唯一方法是删除缓存，然后重新访问网站，就像第一次访问网站一样。

我真的不确定这是一个CSS，Javascript的问题还是其他一些冲突。该网站可在此处http://bit.ly/MJ8KT6

任何想法或反馈都非常感谢。;)

Answer 1

看起来你使用Javascript隐藏了子菜单--在Javascript运行隐藏它之前，子菜单加载导致了闪光。

要解决此问题，请隐藏CSS中的子菜单，以便在加载Javascript之前不会显示：

.sub-menu {
    display: none;
}

这将阻止它在页面加载时显示，但不应该影响它的功能(因为它是在其他地方控制的)。