Materializecss - 在 <a> 单击 SideNav Overlay 时删除

Question

我正在使用此 Javascript 代码关闭 SideNav：

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

对于 SideNav，它工作正常，但在关闭 SideNav 后，Overlay 仍然存在。 Materialise 的原因 Javascript 将创建元素

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

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

Answer 1

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

Answer 2

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

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

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

Materializecss - Remove on <a> Click SideNav Overlay