2016-04-26 16 views
4

Wir haben einige Probleme damit, die JavaScript-Plugins Zurb Foundation Sites korrekt zu initialisieren, wenn sie über SystemJS importiert werden.Laden von Zurb Foundation Sites über SystemJS

Wir haben jQuery und Foundation über JSPM installiert:

jspm install jquery  
jspm install npm:foundation-sites 

Dann initialisieren wir die Anwendung wie folgt aus:

import jQuery from 'jquery'; 
import foundation from 'foundation-sites'; 
jQuery(document).foundation(); 

Wenn wir dann versuchen Sticky zu erhalten zum Beispiel zu arbeiten, die CSS-Klassen werden hinzugefügt (über JS). Aber das Skript funktioniert nicht, und wir bekommen keine Fehler.

Wenn wir dann die Anwendung über JSPM bündeln, funktioniert das Skript wie es sollte. Es fühlt sich an, als hätten wir ein Problem mit Abhängigkeiten, die nicht geladen werden. Wir haben versucht, herauszufinden, wie zu shim dependencies in SystemJS, ohne Glück.

Gibt es vielleicht jemanden, der das zur Arbeit gebracht hat?

+0

Mit dem gleichen Problem arbeitet. Ich benutze auch SystemJS. Ich habe foundation.min.js als Grundlage für meinen SystemJS Loader hinzugefügt. Also würde ich erwarten, es in TypeScript als Grundlage zu importieren. Wie kann ich dem Typoskript klar machen wo das Modul herkommt, denn mir scheint das irgendwie nicht klar zu sein. – DaSch

Antwort

0

habe ich versucht, eine Menge Version und die letzte, die jetzt hier wie folgt aussehen

import "jquery"; 
import "foundation-sites"; 

Aufruf Stiftung als Arbeiten wie in der Frage mit jQuery(document).foundation();

+0

Kann ich das im Oktober machen? Wenn ich den oben genannten Prozess richtig bekomme, füge ich die Importe zu meiner Komponente hinzu, und woher nenne ich dann 'jQuery (document) .foundation();'? Im HTML? – Rexford

+0

Sie können es jeden Monat, den Sie wollen, o_O Aufruf von Init für die Foundation sollte in dem Fall aufgerufen werden, wo Sie sicher sind, dass das DOM vollständig geladen ist. Also zum Beispiel innerhalb eines $ (document) .ready() oder angular ngOnInit(). Hängt davon ab, wie das JavaScript auf Ihrer Seite funktioniert. – DaSch

+0

Können Sie bitte mit einem Beispiel helfen? – Rexford

Verwandte Themen