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'); }); |
这样,当您单击菜单中的一个元素时,它也会模拟单击汉堡包菜单图标。