单击导航条折叠/关闭

Posted 2021-04-18

我无法通过我的网站使移动设备上的导航栏崩溃。该问题仅涉及网站的移动版本。

当我点击菜单按钮时，网站滚动到正确的点，但导航栏仍然打开，这很烦人。我尝试给UL LI元素提供相同的类，如导航栏中的“后退”按钮，这可以折叠导航栏，但这不起作用：/ ..任何人都可以告诉我如何使导航栏关闭单击菜单项？

这是网站：

非常感谢

答案

您可以使用jQuery解决它，只需触发单击菜单图标的操作，如下所示：

jQuery('.rd-navbar-nav li').click(function() {
  jQuery('.rd-navbar-toggle').trigger('click');
});

这样，当您单击菜单中的元素时，它也会模拟单击汉堡菜单图标。

另一答案

如果您愿意，可以使用Jquery，但我只是在我的网站上使用javascript。您可以查看如何使用JavaScript here制作可折叠的导航栏菜单。如果要在单击菜单项时关闭菜单栏，只需在菜单处于活动状态并打开时在onClick（）属性中设置close（）函数。 close（）函数将是您再次隐藏菜单的函数。

编辑：您必须在JavaScript中定义close（）函数并将其设置为隐藏菜单项。