Query GitHub Страницы и JavaScript libs не работают

Question

Я попытался протестировать статический веб-сайт с JS-библиотеками, такими как JQuery, на GitHub Pages Однако, похоже, что JS (главная страница карусели или фотокарузы) не работает на страницах GitHub ,

Тот же код локально и на локальном хосте времен apache отлично работает.

JQuery в качестве примера:

<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> 

Что, кажется, проблема?

Answer 1

Вы используете смешанный контент. Библиотеки не загружены, потому что их схема http, в то время как GitHub Pages использует https:

Вы должны изменить все маршруты ресурсов в соответствии https протокол. Если веб-сайты ресурсов не позволяют вам это делать, вы можете загрузить библиотеки и загрузить их на свою страницу вместо использования CDN. Ссылки будут идти, как это:

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

Кроме того, вы можете прочитать this для получения дополнительной информации и инструкций.

---

Еще очков вы sould исправить:

• Ваш веб-сайт, после загрузки JQuery, $ не определен, но jQuery делает. Вы должны исправить это или использовать jQuery вместо $.
• После загрузки вашего carousssel jQuery("#mojbanner").load("assets/revslider/moj_slider.html");, assets/revslider/moj_slider.html содержит больше http-контента (вместо https). Вы также должны исправить этот html.
• Попробуйте устранить все ошибки, которые вы видите в консоли отладки Chrome (или Firefox или любой другой).