Verwenden Sie externe Skripte in einem Polymer-Element

8

Was ist die empfohlene Methode, um externes JavaScript in einem Polymer-Element zu "fordern"? Zum Beispiel baue ich eine Videogruppenkomponente, die ich in einem Slick Karussell anzeigen möchte.

Beispielsweise könnte mein Code für das benutzerdefinierte Element so aussehen:

%Vor%

Aber anstatt nur jedes Video in einem Iframe anzuzeigen, möchte ich, dass diese in einem Karussell erscheinen, das von Slick unterstützt wird, also stelle ich mir vor, etwas im Hinblick auf Folgendes zu tun:

%Vor%

Muss ich ein benutzerdefiniertes Element erstellen, das die Funktionalität von slick umschließt, oder kann ich direkt die Assets wie das obige Beispiel verwenden?

UPDATE: Ich habe eine "elements / slick-import.html" -Datei erstellt, die die 3 Dinge enthält, die Slick benötigt:

%Vor%

In meinem elements / video-group.html Element referenziere ich es so:     ...          ...

Ich bemerke, dass die Seite der Seite die slick.css-Datei enthält, aber die anderen 2 js-Dateien, die Slick benötigt, werden beim Laden der Seite nicht an das DOM angehängt. Verweise ich die mitgelieferten Skripte korrekt in slick-import.html?

UPDATE 2: Hier ist mein echtes Problem: Ich habe diese sich wiederholende Vorlage, die die Videoliste ausgibt, die ich aus meiner jsonp-Antwort konstruiere:

%Vor%

Aber das Auslösen ist so, dass das resultierende DOM in Chrome DevTools das Markup als solches anzeigt:

%Vor%

Beachten Sie, dass das div # Karussell eine Klasse von "slick-initialized" und "slick-slider" hat. Das bedeutet, dass mein Slick-Karussell korrekt auf mein div # Karussell-DOM-Element wirkt, aber aufgrund des darunterliegenden Template-Tags, das Slick davon abhält, einige nette saubere einfache DIVs zu verwenden, wie im Beispiel in Slick docs demonstriert:

%Vor%

Gibt es eine Lösung, die ich umgehen kann, entweder durch eine Polymer-spezifische Methode oder um Slick irgendwie zu modifizieren, um nur untergeordnete divs unter div # Karussell anzusprechen?

    
eriklharper 07.04.2014, 22:02
quelle

1 Antwort

2

Ich weiß nicht, wie genau das funktionieren soll, aber wenn Ihr Element sicherstellen soll, dass eine Bibliothek eines Drittanbieters geladen wird, ist es wahrscheinlich am besten, einen Import für diese Skriptdatei zu erstellen. Ähnliche Fragen wurden hier gestellt .

    
robdodson 07.04.2014, 22:34
quelle

Tags und Links