Zurb Foundation 6 Zeigen funktioniert nicht

Ich heruntergeladen habe die neue Zurb Foundation-6 komplett-Paket (Stiftung für Websites). Die archivierte Datei enthält die folgenden Dateien und Ordner:

[css] > app.css, foundation.css, foundation.min.css
[img] > [empty folder]
[js]  >
  app.js
  foundation.js
  foundation.min.js
  vendor > jquery.min.js, what-input.min.js

Habe ich die JS Dateien in den footer und CSS im header:

<!-- foundation library and initialization -->
<script src="/Foundation/js/foundation.min.js"></script>
<script>
  $(document).foundation();
</script>

Fehler in Chrome

Ich versuche, ENTHÜLLEN Komponente (Sie arbeitete in der Stiftung, 5), aber dieses mal wirft er mir einen Fehler:

Uncaught ReferenceError: We're sorry, 'reveal' is not an available method for i.

Hab ich blickte in den Foundation.min.js und es hat OFFENBAREN es. Ich download das komplette Paket, also sollte es funktionieren, aber es funktioniert nicht.

Den JS-code für das auslösen des modal:

$('#submit-modal').foundation('reveal', 'open');

UPDATE 1: Versucht, auf eine frische Seite:

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link href="/Foundation/css/foundation.min.css"  />
</head>
<body>
    <div class="row">this is the body of the page</div>
     <div id="popup-modal" class="reveal-modal full" data-reveal aria-labelledby="pop-up-modal-title" aria-hidden="true" role="dialog">
         test
     </div>

<script src="/Foundation/js/vendor/jquery.min.js"></script>

<!-- foundation library and initalization -->
<script src="/Foundation/js/vendor/what-input.min.js"></script>
<script src="/Foundation/js/foundation.js"></script>

<script>
    $(document).foundation();
</script>

</body>
</html>

Den text des popup erschien auf der Seite, es ist auch nicht standardmäßig ausgeblendet, und ich bekomme eine Fehlermeldung: Uncaught ReferenceError: We're sorry, 'Reveal' is not an available method for Reveal wenn Sie versuchen, den Befehl ausführen:

$('#popup-modal').foundation('reveal', 'open');

Aus der Konsole.

Stiftung 6 ist eine frische Version, und ich habe vielleicht etwas verpasst. Ich habe ein Upgrade auf Grundlage von 6 aus der Stiftung 5. Foundation 5 Offenbaren funktionierte ok, aber nach dem Wechsel in die neue Stiftung 6 einige Komponenten starten nicht funktioniert.

Habe ich überprüft, die Dokumentation und die Initialisierung und die Klassen sind die gleichen.

InformationsquelleAutor Idan Shechter | 2015-11-22
  1. 29

    Versuchen mit 

    var popup = new Foundation.Reveal($('#popup-modal'));

    dann:

    popup.open();

    Ich bin nicht sicher, ob $('#popup-modal').foundation('reveal', 'open'); arbeitet in der Stiftung 6

    • Yep, und auch Sie verändert die Klasse, um 'zeigen' statt 'reveal-modal'. Funktioniert, danke!
    • in der Tat wird es nicht funktionieren. Die Signatur der Stiftung als eine jQuery-Erweiterung wurde geändert, um unter die ersten argument, wie das plugin, und die übrigen Parameter als Optionen zu dem plugin: github.com/zurb/foundation-sites/blob/develop/js/...
    • Es für mich funktioniert wie ein Charme. Danke!
    • Du bist mein held! Dank
    • Wow!!! Danke! Funktioniert hier tadellos!
    InformationsquelleAutor juliancwirko
  2. 16

    Chris von ZURB hier. Es gibt ein paar Möglichkeiten, wie Sie können Methoden aufgerufen werden, die auf plugins finden Sie unter:
    http://foundation.zurb.com/sites/docs/javascript.html#programmatic-use

    Den einfachen Weg jetzt ist

    $('#exampleModal').foundation('open')

    • Danke für die weitere Antwort, beides funktioniert.
    • Wie Sie anfügen modal zu einem root-element in der Stiftung 6 statt Körper
    • Ich lief in das gleiche Problem. Ich glaube, es war, dass die Suche auf das internet verwiesen direkt auf die Fuge-Dokumentation von foundation 5, nicht 6.
    • hast du jemals eine Antwort auf Ihre Frage "Wie tun Sie Anhängen modal zu einem root-element in der Stiftung 6 statt Körper?". Ich bin ratlos daher. Manchmal der Inhalt muss innerhalb eines anderen Elements, vor allem, wenn Sie wollen, dass es Teil einer jQuery-plugin!
    InformationsquelleAutor EddieDean
  3. 3

    Beide Optionen Juliancwirko & EddieDean arbeiten. Aber es gibt einen Unterschied.

    Wenn Sie mit "Stiftung neue" - Ansatz, und Sie haben auch Daten-Optionen Satz wie: data-options="closeOnEsc: false; closeOnClick: false;" Sie keine Wirkung haben.

    Aber, wenn Sie mit Stiftung('open') Sie werden arbeiten.

    InformationsquelleAutor adelineu
Schreibe einen Kommentar