habe schon so viele Themen dazu gelesen, aber nichts scheint zu funktionieren.
hat gerade ein Projekt gestartet und den Code virtuell kopiert / eingefügt von der Seite der Foundation-Dokumentation und es funktioniert nicht.
heres mein HTML Prüfung
%Vor%für das Stylesheet, es ist leer, es wurde sogar versucht, es komplett zu entfernen, nur um sicher zu sein, aber dasselbe Ding, dessen Punkt herunterfällt.
irgendwelche Ideen, was ich verpasst habe? Danke
BEARBEITEN:
ok so etwas gefunden, der auf der zurbs foundation docs Seite angezeigte Code, funktioniert nicht beim Kopieren / Einfügen, aber wenn ich den Inspektor verwende und die HTML aus ihrem Beispiel kopiere, funktioniert es. Wenn Sie jedoch den Browser verkleinern, werden die drei Zeilen mit der Menüschaltfläche angezeigt. Wenn Sie den Mauszeiger darüber bewegen, wird der Mauszeiger nicht angezeigt. Auch das Klicken funktioniert nicht. Wie kann das behoben werden?
das html dafür ist
%Vor%Beim Laden dieser Skripte
%Vor%Ich habe auch versucht, die Topbar und Offcanvas Skripte zu entfernen und einfach die foundation.min.js zu verwenden, nichts funktioniert, Button erscheint, aber kein Dropdown ist verfügbar.
Wenn Sie die minimierte Version der Foundation (foundation.min.js) verwenden, laden Sie keine anderen Plugins, weil sie automatisch geladen werden, und es wird funktionieren.
Die Seite der Foundation 5-Vorlagen unter HTML-Vorlagen für die Foundation zeigt einige Beispiele für die Topbar-Navigation (Ihr Code ist in Ordnung), aber was ist das? nicht erwähnt sind Abhängigkeiten.
Arbeitet Ihr Projekt jetzt? Sie müssen die folgenden Dateien laden
%Vor%Ich hatte das gleiche Problem. Was es für mich behoben hat, war das Entfernen von Turbolinks:
Persönlich versuche ich js zu vermeiden, wenn css-only den Job gut machen kann . Es hält das mentale Modell dessen, was Foundation anstrebt, um so einfacher.
Es ist ein einfacher als HTML-Code
%Vor%welche nur css Deklarationsklassen benötigen.
Tags und Links drop-down-menu zurb-foundation