jquery - 页面加载时导航栏无效果 1 秒

Question

我购买了一个主题。

http://transport.themesun.com/

当我们加载主页时，导航栏无效果地出现 1 秒然后消失。我不知道是什么导致了这个问题。

我也尝试将所有脚本都放在 header 中，但问题仍然存在。任何人都可以指导我吗？您可以打开上面的链接并按 Ctrl F5 看看我的意思。

Answer 1

似乎只有在应用某些 css 类 (.mm-menu.mm-offcanvas) 时导航栏才会隐藏，但这些类仅在 jquery 插件 ( jquery.mmenu.min.all .js ) 文件被加载并触发插件。你可以在 css 中默认隐藏 navabr:

#mobile-menu {
    display: none;
}

答案更新:

与其使用 id 来设置元素样式，不如使用类。 ID 选择器具有很高的特异性，因此它们优先于类选择器，在您的情况下，可以覆盖 jquery 插件应用的可见性样式，因此即使在手机上也可能看不到导航栏。您还可以使用 :not 伪类(即使使用 id 选择器):

#mobile-menu:not(.mm-menu) {
    display: none;
}