2016-06-19 11 views
0

Ich habe versucht, eine statische Website mit JS-Bibliotheken wie JQuery auf einem GitHub Pages zu testen. Es scheint jedoch, dass das JS (Haupt-Website-Karussell oder Foto-Karussell) nicht auf GitHub Pages funktioniert .Query GitHub Seiten und JavaScript libs funktionieren nicht

Der gleiche Code lokal und auf localhost temporäre Apache arbeiten ausgezeichnet.

JQuery als Beispiel:

<script type="text/javascript"> 
      if (typeof jQuery == 'undefined') { 
       document.write(unescape("%3Cscript src='/javascripts/jquery.min.js' type='text/javascript'%3E%3C/script%3E")); 
     } 
    </script> 

Was scheint das Problem zu sein?

+0

Ein Link zum Bibliothekscode wäre hilfreich. auch, was versuchst du zu tun? – dcohenb

+0

Scheint so, als würdest du jQuery einfach nicht hinzufügen. Aber sicher, JS funktioniert in GH-Seiten – vicodin

Antwort

1

Sie verwenden gemischten Inhalt. Bibliotheken werden nicht geladen, weil ihr Schema http ist, während GitHub Pages ist https mit:

Google chrome console errors

Sie müssen alle Ressourcen Routen ändern https Protokolle anzupassen. Wenn die Ressourcen-Websites dies nicht zulassen, sollten Sie die Bibliotheken herunterladen und auf Ihre Seite hochladen, anstatt CDNs zu verwenden. Links wird so gehen:

<script src='relative/server/folder/to/jquery.min.js' /> 

Auch Sie this für weitere Informationen und Anweisungen lesen möchten.


Weitere Punkte, die Sie beheben sould:

  • Ihre Website, nachdem jQuery geladen wird $ nicht definiert, aber jQuery tut. Sie sollten dies beheben oder jQuery anstelle von $ verwenden.
  • Nach dem Laden Ihrer Carousssel mit jQuery("#mojbanner").load("assets/revslider/moj_slider.html"); enthält assets/revslider/moj_slider.html mehr http-Inhalt (anstelle von https). Sie sollten dieses HTML auch reparieren.
  • Versuchen Sie, alle Fehler zu beheben, die in der Debugging-Konsole von Chrome (oder Firefox oder einem beliebigen Explorer) angezeigt werden.
+0

Ich habe die 'http' zu' https' geändert, aber immer noch die libs funktionieren nicht. Die Ressourcen-Websites erlauben es und hier ist die neue Version [Changed LInk] (https://focia.github.io/index.html) – mCs

+0

Überprüfen Sie Ihre HTML. Sie laden jquery zweimal; eins mit 'http' und das andere mit' https'. Außerdem ist jQuery nicht über Google Debug-Tools zugänglich, daher wird die Bibliothek wahrscheinlich nicht korrekt geladen. Auch für was ist die jQuery 'gMap' Methode? Es ist eigentlich nirgends definiert. Und schließlich, ändern Sie Ihre Vorkommen von '$' zu 'jQuery' (das Javascript behebt, dass' $ 'nicht definiert ist). – Wikiti

+0

Sorry letzten Commit hat die Änderungen nicht korrekt. Es neigt dazu, jQuery jetzt zu loead. Das Problem ist jedoch, dass meine Dev-Konsole zeigt, dass jquery.min.js die Google-Fonts von CDN importiert, aber mit hartem Code den Link mit "http" instaead von "httpS" erstellt. Kann ich es mit einer anderen jquery.min.js-Version beheben? – mCs

Verwandte Themen