问题标签 [responsive-navigation]

我正在使用 Foundation 的响应式导航来显示移动设备的汉堡图标。对于我的生活，我无法弄清楚如何在显示移动菜单时将类应用于 body 元素（单击汉堡图标后）

有人可以告诉我我做错了什么吗？目前，切换汉堡包时唯一发生的事情是在 .mobile-nav div 上切换样式属性“display: none”。我知道在这个问题之外设置的 JavaScript 没有任何问题，因为我可以看到其他 console.log() 语句。

这是我尝试过的，但控制台中没有出现任何内容：

I created a responsive navigation bar, but when it is in mobile view, the headings on the menu are hiding the menu icon when they are shown. Below is a picture of what is happening (I don' have enough reputation to post pictures yet, so there are links), and a code pen. I have tried adding padding and adjusting the float property, but nothing works. Thank you!

Code pen: http://codepen.io/caguilera0001/pen/yarwRO

After Menu Icon is Clicked:

HTML:

CSS:

我已将此导航菜单添加到“我的网站”中。但是，响应式存在问题。当我最小化网络浏览器时，它不适合网络浏览器的大小。而且这个导航不适合手机甚至我看不到可以打开导航的符号。

我怎样才能解决这个问题 ？？画面有问题@media吗？？还是在JS??

我已经下载了这个Drupal 8 模板，该站点位于www.plotujeme.sk。它有一个带有这个 .js 脚本的响应式导航：

和：

问题是，如果我通过单击汉堡按钮打开响应式导航，它会工作几次然后停止工作，页面和浏览器会冻结或长时间无响应。我还注意到（即使在模板预览中）有时它根本不起作用，点击汉堡图标后什么也没有发生。当我多次调整窗口大小时，有时它有时不起作用。

您是否在脚本中看到任何可能导致此问题的错误？

更新：jQuery('.easy-sidebar-toggle').off("click");我之前也尝试过使用，jQuery('.easy-sidebar-toggle').on("click", function() {...});但得到了相同的结果。

我正在基于我的旧网站创建一个投资组合网站，但使用 Bootstrap 进行布局只是因为它更快。我尝试使用 Bootstrap 创建一个下拉导航栏，但菜单永远不会出现，所以我放弃了，只使用了 HTML、CSS 和 JS。我以 W3C Scools 的THIS教程为基础，并按照 T 的指示进行操作，但我更改了选项。

它也不允许我切换顺序（例如，我希望它是：主页 | |项目 | 关于我 | 联系方式）。这是我的代码：

请，如果有人可以让我知道我做错了什么，我将不胜感激。还是我应该放弃这个并使用该Nav元素创建一个，添加 CSS 和 JS 以使其具有响应性？谢谢你。

我正在关注本教程编辑：更改了指向视频特定时间的链接 https://www.youtube.com/watch?v=XZsuI5wyRzs&feature=youtu.be&t=560，了解如何在我深入了解主要内容之前制作响应式导航栏.

出于某种原因，在此时间线的这一部分（我保存了当前时间的链接，这样您就可以看到我在说什么而不必浏览视频）我完全按照这些步骤操作，但是我的汉堡包图标没有被激活当它被点击以拉下下拉菜单时。除此之外，其他一切看起来都不错。我的代码有什么问题？请看下面。

谢谢

我离线执行此操作并正确下载运行引导程序所需的所有文件并添加连接所有链接

我正在尝试制作一个响应式汉堡菜单，但是，我在菜单编码的最后部分遇到了砖墙......

我已经尝试了所有我能想到的尝试。出于某种原因，我对代码所做的调整不会完全消失或出现菜单。

最终调整后，菜单不可见，因为我已指定它不在代码中，但是当我单击菜单按钮时，菜单不会切换。

这是我的代码：

请有任何帮助:')