Verstecken Hamburger Menü-Symbol in Jquery

-1

Ich bin usin MaterialDesignLite, um das Navigationslayout mit dem Hamburger-Menü-Symbol zu erstellen. Aber ich muss es ausblenden, wenn der Benutzer ausgeloggt ist. Aber aus irgendeinem Grund versteckt es sich nicht, wenn ich es in jQuery mache, aber es versteckt sich, wenn ich es direkt in CSS mache.Verstecken Hamburger Menü-Symbol in Jquery

Dies funktioniert:

.mdl-layout__drawer-button{ 
display: none; 
}

Dies funktioniert nicht:

$(".mdl-layout__drawer-button").hide();

This ist JSFiddle

Quelle

2016-12-11 Tarvo Mäesepp

können Sie dies in http://jsfiddle.net implementieren. Dann liefern Sie das Ergebnis hier. –

@AkhterAlaminFarhan aktualisiert. –

Dies ist kein '.mdl-layout__drawer-button' Element in Ihrem Beispiel! – Moob

In material.teal-indigo.min.css Datei ändern, suchen Sie nach "mdl-layout__drawer-Button", werden Sie feststellen, wo die Eigenschaft definiert wurde. Stellen Sie die Anzeige 'Block' auf 'keine'. Da die dort definierte Eigenschaft wichtig ist, können Sie die Eigenschaft nicht überschreiben.

Quelle

2016-12-11 09:26:58

Das hat es getan. Vielen Dank. Und wenn ich es anzeigen möchte, sage ich einfach 'display: block;'? –

eigentlich bevorzuge ich es, Sie "mdl-layout__drawer-button" -Eigenschaft aus der CSS-Datei in Ihre angepasste CSS-Datei zu entfernen. Dann können Sie die Eigenschaft nach Ihren Wünschen anpassen. –

Vielleicht

$ versuchen ("mdl-layout__drawer-Taste.") .css ("display", "none");

Quelle

2016-12-11 09:15:10 Ramon

Funktioniert immer noch nicht. –

In Ihrer Datei kann ich den "MDL-Layout__Drawer-Button" nicht finden. Vielleicht verwendest du das falsche Objekt? – Ramon

Ihre

$(document).load

$(document).ready

Quelle

2016-12-11 09:25:30

Verstecken Hamburger Menü-Symbol in Jquery

Antwort

Verwandte Themen