/ / Zurb Foundation top-bar Menü funktioniert nicht auf mobilen Display - jQuery, CSS, WordPress, Zurb-Stiftung

Zurb Foundation top-bar Menü funktioniert nicht auf mobilen Display - jQuery, CSS, WordPress, Zurb-Stiftung

Ich benutze den Rahmen der Zurb Foundation auf einerWordpress-Website. Das Problem, das ich habe, ist mit der reaktionsfähigen oberen Leiste. Wenn es in den mobilen Modus geht, funktioniert das Menü nicht. Es wird nicht auf Klick herunterfallen. Ich habe ihre HTML-Vorlagen heruntergeladen, den Code genau kopiert und trotzdem funktioniert es nicht.

Kann jemand es reparieren?

Antworten:

5 für die Antwort № 1

Ich denke nicht, dass Sie die erforderlichen Javascripts für die TopBar-Komponente hinzufügen. Ich konnte sie in Ihrem Code nicht finden.

Jede Referenz foundation.min.js oder jquery.foundation.topbar.js

Dann müssen Sie das Menü mit initialisieren

$(document).foundationTopBar()

2 für die Antwort № 2

Versuchen Sie, Foundation auf DOM Ready zu laden.

$(function() {
$(document).foundation();
});

1 für die Antwort № 3

Mit zub-foundation-4.0.9 müssen Sie diese Zeile zu Ihrem HTML-Code hinzufügen:

<script type="text/javascript" src="javascripts/vendor/custom.modernizr.js"></script>

0 für die Antwort № 4

versuche, das Teil zu entfernen und dann zu testen. Ich habe meine Website auf Foundation 3. und die obere Leiste funktioniert. Ich hatte dieses Problem vorher. Verwenden Sie app.js nicht, wenn Sie Ihr HTML-Theme in Wordpress-Theme konvertieren.

Entferne das

<script type="text/javascript" src="http://pinetowncpf.co.za/wp-content/themes/PinetownCPF/js/app.js"></script>

dann test

Grüße Eric