我在this website上实施了导航菜单。虽然菜单在桌面模式下运行良好，但在移动查看时无效。我认为连接到JavaScript时存在问题 - https://alexandrachel.org/scripts/script.js
导航菜单应该像this website
一样工作如何让移动浏览中的导航菜单正常工作？
答案 0 :(得分：0)
您的整个网站都没有响应，所以要么写media query以使其响应，要么为了最小的响应，您可以使用轻量级且易于使用的bootstrap framework以及更具响应性的移动菜单你可以使用smart menus。因此，您可以选择编写原始自定义代码或使用资源。
答案 1 :(得分：0)
脚本的作用是，它改变了小显示器的CSS，因此菜单被转换为手持设备上的下拉菜单。但是，目前的问题是脚本无法启动，因为它无法找到jQuery。因此，在小型显示器上，CSS不正确，并且您的菜单不可见（但它在那里，并且功能正常）。
如果您通过HTTPS加载网页（如https://alexandrachel.org/），则还应通过安全协议请求脚本和CSS文件。
尝试将请求更改为jQuery（注意https：//）：
<script src="https://code.jquery.com/jquery-latest.min.js"></script>
您可以从1.10.2删除版本googleapis.com的第二个请求，因为您已从jquery.com提取最新版本。
答案 2 :(得分：0)
Errors in loading your website ref: Chrome Dev Tools
无法找到jQuery，而且很多内容都是通过http提供的，而主网站是在https上加载的，所以只需修复这些请求并导入jQuery即可。 这应该工作 参考：附加图像的错误
