问题标签 [responsive-nav]

我正在为我的响应式导航使用插件（http://responsive-nav.com）。该插件效果很好，我遇到的问题是每个页面上都没有导航。在这种情况下，我注意到其他 javascript 没有加载，并且在引用“responsive-nav.js”时出现错误：

未捕获的错误：您尝试选择的导航元素不存在

这是我在 main.js 文件中加载脚本的方式。

该文件在每个页面（/js/responsive-nav.js）上被调用，但删除它并不能解决问题，注释掉我上面输入的代码 - 所以我猜这与它有关吗？

希望有人能帮忙，加油！

我有关于这边的三个问题

1. 如何添加平滑滚动？我尝试了一些变体，但是当我从 jquery 中删除 .slim 时，下拉菜单不再起作用。

2. 我在 Safari 中尝试了 Bootstrap 中的导航，但它在那里运行得不是很好。我如何也支持 Safari？

3. 当我打开手机的侧面时，响应式导航中有一个正方形。当我单击它时，导航会打开，我可以选择主题。但是当我单击一个主题时，导航不会关闭。当我选择一个主题时，如何解决导航关闭的问题？

谢谢伟大的乌迪斯

我创建了一个响应式导航栏。但是，在 iPad 断点期间，当您尝试:active通过单击汉堡图标关闭导航栏时，连接的 jQuery 脚本也会.removeClass(".active").slideToggle()在两个按钮上实现 - 这应该像以前一样保留在那里。

澄清一下：在 iPad 断点上有两个按钮和一个汉堡图标。当您单击汉堡图标以打开导航元素时，一切正常。但是，当您随后关闭.nav-item:active元素时， . nav-itembtn 元素也消失了，然后整个事情就搞砸了。

这是代码笔：

https://codepen.io/kingersnotepad/pen/YzVYVpp

此外，这里是 HTML 和 jQuery：

&这里是CSS：

如果有人可以推荐一个修复程序，那就太好了。

干杯

我正在创建一个简单的单页网站的响应式导航栏。打开汉堡菜单并单击锚链接后，汉堡事件侦听器消失了，所以我必须刷新才能让它再次工作。不使用链接，我可以毫无问题地打开和关闭。我究竟做错了什么？如何防止事件侦听器消失？我试过使用 event.preventDefault() 函数。泰亚！

JS：

});

和 HTML：

解决方案：

我必须为 hamburgerIcon 事件侦听器内的菜单中的链接添加 event.stopPropagation()：