javascript - 单击时使导航栏折叠/关闭

标签 javascript html css navigation navbar

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

当我单击菜单按钮时,网站会滚动到正确的位置,但导航栏仍保持打开状态,这很烦人。我试图为 UL LI 元素提供与导航栏中的“后退”按钮相同的类,它可以折叠导航栏,但这不起作用:/.. 谁能告诉我如何在单击菜单项时关闭导航栏?

这是网站:

非常感谢

最佳答案

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

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

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

关于javascript - 单击时使导航栏折叠/关闭,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47934497/

相关文章:

html - 在侧面菜单上更改当前子页面的背景颜色

javascript - 使用javascript函数激活灯箱让弹出窗口在照片库上工作

javascript - 如何在另一个文件的html上加载js Action

javascript - Vue js Vuetify自定义组件未根据显示断点渲染

javascript - R 中的 "Icon"(ISOTYPE) 图表在 Javascript 中 Shiny

html - 防止文本和图像之间的表格单元格换行 (JSP)

java - 如何将带有 CSS3 和 SVG 的 HTML 转换为图像 - 最好是从 Java?

javascript - Mongoose 更新子文档的子文档

javascript - 需要 JQuery 停止重复单击的每个按钮

html - 更改链接样式,仅针对某个类