2016-03-27 10 views
0

Ich verwende diese Javascript-Code der SideNav zu schließen:Materializecss - Entfernen Sie auf <a> Klicken SideNav Overlay

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

Für die SideNav feinen es funktioniert, aber nach dem SideNav Schließen der Overlay immer noch da. Ursache Javascript von Materialise wird das Element

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

Es wäre toll erstellen, wenn eine schnelle Lösung zu bekommen. danke

Antwort

0

Sie etwas vermissen werden kann, es in Ordnung hier www.jsfiddle.net/cuxzdkzr/

Arbeits
+0

wenn Sie noch Frage hier für weitere https sehen konfrontiert sind: // Github .com/Dogfalo/materialisieren/Ausgaben? utf8 =% E2% 9C% 93 & q = sidénav ++ Überlagerung –

0

Der Grund gibt es mehrere Overlays hinter SideNav erscheinen, da wird Materialise $('.button-collapse').sideNav() wird mehrmals auf die wird ausgeführt gleiches Element.

Eine schnelle Lösung dafür ist, alle bisherigen click() Ereignisse aus Ihrem Element vor dem erneuten Initialisieren Materialise sideNav, wie so zu entfernen:

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