关于javascript:使导航栏折叠/点击关闭

Make navbar collapse/close on click

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

当我单击菜单按钮时,站点滚动到正确的位置,但是导航栏保持打开状态,这很烦人。 我试图为UL LI元素提供相同的类,如导航栏中的"后退"按钮,这可以折叠导航栏,但是:/。
有人可以告诉我如何单击菜单项时关闭导航栏吗?

这是网站:

非常感谢


您可以根据需要使用Jquery,但我只是在自己的网站上使用JavaScript。 您可以在此处查看如何使用JavaScript制作可折叠的导航栏菜单。 如果要在单击菜单项时关闭菜单栏,只要菜单处于活动状态并处于打开状态,只需在onClick()属性中设置close()函数。 close()函数将成为您再次隐藏菜单的函数。

编辑:您必须在JavaScript中定义close()函数,并将其设置为隐藏菜单项。


您可以使用jQuery解决此问题,只需触发单击菜单图标的操作即可,如下所示:

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

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