/ / ZURB Foundation 4.2.3 - Kompass - Top-Bar funktioniert nicht - Zurb-Foundation, Navbar, Kompass-Sass

ZURB Foundation 4.2.3 - Kompass - Top-Bar funktioniert nicht - Zurb-Foundation, Navbar, Kompass-Sass

Die Vorlage ist hier: http://foundation.zurb.com/page-templates4/marketing.html

Ich habe diese Vorlage heruntergeladen und eins nach dem anderen foundation.css, normalize.css und custom.modernizr, js heruntergeladen

Die obere Leiste scheint gut zu funktionieren.

Ich habe Updates zu den Grundlagen von zub-foundation und compass durchgeführt und ein neues Kompass-Projekt erstellt.

Jetzt, wenn ich diese Arbeitsvorlage nehme und sie verschiebeIn das neue Kompass-Projekt, aktualisieren Sie alle Pfade und ändern Sie das verknüpfte Stylesheet von foundation.css in app.css, die Dropdown-Menüs funktionieren nicht mehr in der erweiterten oberen Leiste.

Ich habe keine Änderungen an irgendeinem scss- oder css-Code vorgenommen. Die einzige Änderung ist die Änderung der Verbindung von foundation.css zu app.css. Das sollte das gleiche sein oder?

Meine Problemumgehung besteht darin, sowohl foundation.css als auch app.css einzuschließen, aber das scheint eine Menge unnötiger Duplizierung zu sein - und es macht es sehr schwierig, das Styling zu optimieren.

Die Dateien können angesehen werden unter:

http://www.t4dev.com.php53-3.dfw1-2.websitetestlink.com/transparency/

Antworten:

0 für die Antwort № 1

Sie sollten das richtige Markup verwenden oder die js funktioniert nicht.

Sehen Sie sich die Dokumentation an http://foundation.zurb.com/docs/components/top-bar.html und verwenden Sie das Beispiel-Markup, um zu testen, ob es funktioniert.

Die Vorlage, die Sie zeigten, verwendet ein gültiges Markup für die obere Leiste.

Ich hoffe, das hilft :)