Ich habe das neue Komplettpaket der Zurb Foundation 6 heruntergeladen ( Foundation for Sites ). Die archivierte Datei enthält die folgenden Dateien und Ordner:
%Vor%Ich habe die JS-Datei in die Fußzeile und das CSS in die Kopfzeile eingefügt:
%Vor%Fehler in Chrome
Ich versuche, die REVEAL-Komponente zu verwenden (es funktionierte in Foundation 5), aber diesmal wirft es einen Fehler auf:
%Vor%Ich habe in die Foundation.min.js geschaut und sie hat REVEAL darin. Ich lade das komplette Paket herunter, also sollte es funktionieren, tut es aber nicht.
Der JS-Code, der das Modal auslösen soll:
%Vor%UPDATE 1: Auf einer neuen Seite versucht:
%Vor% Der Text des Popups erschien auf der Seite, es ist sogar nicht standardmäßig ausgeblendet, und ich bekomme eine Fehlermeldung: Uncaught ReferenceError: We're sorry, 'Reveal' is not an available method for Reveal , wenn ich versuche, den Befehl auszuführen:
Von der Konsole aus.
Foundation 6 ist eine neue Version, und ich könnte etwas verpasst haben. Ich habe von Foundation 5 auf Foundation 6 aufgerüstet. Foundation 5 Reveal hat gut funktioniert, aber nach der Umstellung auf die neue Foundation 6 beginnen einige Komponenten nicht zu funktionieren.
Ich habe die Dokumentation überprüft und die Initialisierung und Klassen sind gleich.
Versuchen Sie es mit
%Vor%und dann:
%Vor% Ich bin mir nicht sicher, ob $('#popup-modal').foundation('reveal', 'open'); in Foundation 6 funktioniert
Beide Optionen von Juliancwirko & amp; EddieDean arbeitet. Aber es gibt einen Unterschied.
Wenn Sie den Ansatz " neue Foundation " verwenden und Sie auch Datenoptionen festlegen möchten: data-options="closeOnEsc: false; closeOnClick: false;" sie werden keinen Effekt haben .
Aber wenn Sie Foundation ('open') verwenden, werden sie funktionieren.
Tags und Links zurb-foundation zurb-foundation-6