Jquery 具体化CSS sideNav closeOnClick不工作

我在一个单页网站上使用MaterializeCSS

当点击sideNav中的链接时，我无法关闭sideNav。我对jquery还相当陌生，所以我肯定错过了什么

我正在用这个初始化sidenav

$(document).ready(function(){
    $('.button-collapse').sideNav({
          menuWidth: 300, // Default is 300
          edge: 'right', // Choose the horizontal origin
          closeOnClick: true, // Closes side-nav on <a> clicks, useful for Angular/Meteor
          draggable: true // Choose whether you can drag to open on touch screens
        }
      );

});

$（文档）.ready（函数（）{
$（'.button collapse'）.sideNav({
menuWidth:300，//默认值为300
边：'右'，//选择水平原点
closeOnClick:true，//关闭侧导航打开

我在index.html中引用init.js文件 所有其他物化的东西都在起作用 我甚至进入了主文件并将默认值更改为closeOnClick:true，但它仍然不会在单击时关闭

---

任何帮助都将不胜感激，我已经为此花费了数天时间….

为了让您的示例发挥作用，我在列表的开头添加了一个缺少的：

$（文档）.ready（函数（）{
$（'.button collapse'）.sideNav({
menuWidth:300，//默认值为300
边：'右'，//选择水平原点
closeOnClick:true，//关闭侧导航打开

欢迎使用SO。您可以编辑您的问题并使用

添加Javascript/html/css代码片段

选项，添加任何依赖项并使我们能够更轻松地提供帮助。这已经存在了-这是我第一次使用它，由于某些原因，第一行没有包含在代码部分中。（现在更新）奇怪的是…其他选项，如菜单对齐，可以工作，我可以更改它们，但closeonclick不工作。事实上，我有一些javascript使锚滚动到正确的位置，导致closeonclick不工作。看到你的工作演示，我意识到问题一定在别处谢谢！！！！

            <ul class="side-nav" id="slide-out">
            <li><a class="welcome waves-effect waves-am-red" href="#welcome">Welcome</a></li>
            <li><a class="about waves-effect waves-am-red" href="#about">About </a></li>
            <li><a class="where waves-effect waves-am-red" href="#where">Where we work</a></li>
            <li><a class="acheivements waves-effect waves-am-red" href="#acheivements">2016 Acheivements</a></li>
            <li><a class="fundraising waves-effect waves-am-red" href="#fundraising">2016 fundraising</a></li>
            <li><a class="potential waves-effect waves-am-red" href="#case-studies">Case studies</a></li>
            <li><a class="financial waves-effect waves-am-red" href="#financial-highlights">highlights</a></li>
            <li><a class="outlook waves-effect waves-am-red" href="#outlook">Outlook </a></li>
        </ul>
        <a href="#" data-activates="slide-out" class="button-collapse">
            <i class="material-icons">menu</i>
        </a>