Javascript 移动导航消失

目前我正试图弄明白为什么当我把浏览器放在移动视图中时，我的移动导航就消失了。我似乎无法确定问题的原因，但当我的导航处于移动视图时，每次我将浏览器缩小时，它都会消失。如果有人能帮我解决这个问题，我将不胜感激！谢谢大家!

我不得不把代码放在JSFIDLE中，因为它太长了一点。对此表示歉意，不过，这是我的小提琴：

这是我的html，因为stack不允许我在没有代码的情况下发布：

$（函数（）{
$（“#菜单”）.slicknav（）；
});

这就是导致它的原因

@介质（最大宽度：400px）{
#菜单{
显示：无；/*此行，就在这里*/
z指数：1000；
}
}

仔细看一看你的小提琴，你似乎在使用

slicknav.js

作为菜单，问题是你在加载它之前调用了

.slicknav（）

。 请参阅带有工作示例的。当slicknav已加载时，我将

.slicknav（）

调用放置在

窗口.load

事件上

我是这样做的：

（函数（）{
$（窗口）.on（'load'，function（）{
$（“#菜单”）.slicknav（）；
})
})（jQuery）；

在开发者控制台中，您可以看到菜单消失后应用到菜单的类是什么吗？谢谢您查看！虽然这使桌面导航在移动设备中保持打开状态，但它应该改为我的移动导航，但它仍然拒绝这样做@Andrei GheorghiuI确实为手机视图编写了此代码，它可以在桌面和手机中的其他页面上使用。然而，关于这段代码的一些东西使我的移动导航无法显示，我在这一页中加入了新代码@Andrei GheorghiuSee更新了答案。在加载之前，您正在调用

slicknav（）

。此外，您还需要确保在进行此调用时已加载jQuery。哦，我的天哪，这成功了！我现在明白出了什么问题，我真的很感谢你在这方面的帮助！非常感谢。