响应式JavaScript菜单未显示在移动视图中

我在上实现了一个导航菜单。虽然该菜单在桌面模式下运行良好，但在移动查看模式下无法运行。我认为连接到JavaScript有一个问题-

导航菜单应该像

---

如何让移动查看中的导航菜单正常工作？

您的整个网站没有响应功能，因此您可以编写响应功能，或者使用轻量级且易于使用的最低响应功能，也可以使用响应功能更强的移动菜单。因此，您可以选择编写原始自定义代码或使用资源。

脚本的作用是更改小型显示器的CSS，从而将菜单转换为手持设备上的下拉菜单。但是，当前的问题是脚本无法启动，因为它找不到jQuery。因此，在小型显示器上，CSS是不正确的，并且您的菜单是不可见的（无论它在哪里，还是功能性的）

如果您通过HTTPS（如中所示）加载网页，则还应通过安全协议请求脚本和CSS文件

尝试将对jQuery的请求更改为（注意https://）：

您可以从

googleapis.com

中删除版本

1.10.2

的第二个请求，因为您已经从

jquery.com

找不到jQuery，而且很多内容都是通过http提供的，而主网站是通过https加载的，所以只需修复这些请求并导入jQuery即可。 这应该行得通

---

参考：对于错误的附加图像

，我应该补充一点，我正在使用CSS菜单生成器的菜单，并遵循本教程-我在标题中有JQuery-code.JQuery.com/JQuery-latest.min.js“>我应该使用不同的JQuery吗？请不要担心网站的其他部分没有响应-我会通过媒体查询来纠正这一点。我更关心的是为什么菜单本身不能在响应模式下工作。您是否使用插件使其响应？我使用CSS菜单生成器帮助我创建菜单。这是我正在使用的特定菜单-我猜您缺少javascript文件

<script src="https://code.jquery.com/jquery-latest.min.js"></script>