Materializecss - 删除 <a> 单击 SideNav 覆盖答案

【问题标题】：Materializecss - Remove on <a> Click SideNav OverlayMaterializecss - 删除 <a> 单击 SideNav 覆盖
【发布时间】：2016-03-27 14:48:07
【问题描述】：

我正在使用这个 Javascript 代码来关闭 SideNav：

$('.button-collapse').sideNav({
 closeOnClick: true // Closes side-nav on <a> clicks, useful for Angular/Meteor
 }
);

对于 SideNav，它可以正常工作，但在关闭 SideNav 后，叠加层仍然存在。因为 Materialize 的 Javascript 会创建元素

<div id="sidenav-overlay" style="opacity: 1;" class=""></div>

如果能得到一个快速的解决方案那就太好了。谢谢

【问题讨论】：

【解决方案1】：

可能是您遗漏了一些在这里可以正常工作的东西 www.jsfiddle.net/cuxzdkzr/

【讨论】：

【解决方案2】：

SideNav 后面出现多个叠加层的原因是 materialize 的 $('.button-collapse').sideNav() 在同一个元素上运行了多次。

对此的快速解决方法是在重新初始化 materialize 的 sideNav 之前从您的元素中删除所有以前的 click() 事件，如下所示：

$(".button-collapse").off('click').sideNav({ --yourOptions-- });

【讨论】：