【问题标题】：how to auto close Materialize css mobile navbar?如何自动关闭 Materialise css 移动导航栏？
【发布时间】：2021-08-13 07:51:05
【问题描述】：
我创建了一个网站Link。这里我只使用了 Materialize css 和 vanilla js，Plain Css。我制作了一个单页应用程序，其中页面部分被隐藏或使用事件侦听器显示。它工作正常。但是，在移动导航栏中，菜单在点击后不会自动关闭。在这个具体问题上，我没有找到任何与自动关闭相关的文档。每当用户点击菜单选项时，我如何关闭导航栏？
【问题讨论】：
标签：
javascript
html
jquery
css
materialize
【解决方案1】：
您可以将.sidenav-close 添加到sidenav 中的每个链接。来自文档：
关闭触发器
将.sidenav-close 类添加到sidenav 内的元素，该元素上的任何点击事件都会导致sidenav 关闭。这在单页应用程序中非常有用，因为单击链接时页面不会刷新。
<ul id="slide-out" class="sidenav">
<li><a class="sidenav-close" href="#!">Clicking this will close Sidenav</a></li>
</ul>