Html 如何在有人点击链接后关闭侧导航？

我使用Materialize，由于某种原因，小屏幕上的侧导航在用户单击链接后不会关闭。测试站点是

，这是因为链接位于同一页面上。用户单击链接后，您必须触发该链接关闭

一种方法是触发如下javascript函数（每次有人单击链接）：

在href和class之后的链接中添加以下内容：

onclick="myFunction()"

在页面底部的以下位置：

function myFunction() {
    var x = document.getElementById("sidenav");
        x.style.display = "none";
} 

---

如果不进行测试，我不能100%确定它是否功能齐全，但这至少可以让您从正确的路径开始

由于客户端未重定向到新页面，sidenav不会关闭。当用户单击sidenav中的锚定链接时，需要调用sidenav的

close

方法：

instance.close();

一个完整的例子如下：

var elem = $('.sidenav');
var instance = M.Sidenav.getInstance(elem);

$('.sidenav a').click(function() {
    instance.close();
});