有人单击链接后，如何关闭侧面导航？

Question

我正在使用Materialize，由于某种原因，用户单击链接后，小屏幕尺寸的侧面导航无法关闭。测试地点是https://www.renteria.me

Answer 1

之所以发生这种情况，是因为该链接在同一页面上。在用户单击链接后，您将不得不触发链接关闭。

一种实现方法是触发这样的javascript函数（每次有人单击链接）：

在href和class后面的链接中添加它：

list:
- "entry1"
- "entry2"
multiline: |-
  line 1
  line 2
  line 3
oneline: "line"
oneline-special: "line with #"
"oneline-special #": "line with #"
number: 512

在页面底部的

：

onclick="myFunction()"

未经测试，我不是100％地确定它是否可以正常运行，但这至少应该可以帮助您正确地开始学习

Answer 2

由于客户端未重定向到新页面，因此sidenav没有关闭。您需要在用户单击sidenav中的锚链接时调用sidenav的close方法：

instance.close();

完整的示例如下：

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

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