Javascript不会在github页面网站上运行

时间:2016-08-09 13:56:50

标签: javascript html css github github-pages

所以javascript过去常常在我的github页面网站上工作,但是在我删除存储库并试图通过一些更改重新上传项目之后它就不再工作了。这是repo。这是site

2 个答案:

答案 0 :(得分:17)

您通过HTTPS服务该站点,但尝试通过HTTP加载jQuery。这是不允许的。

<!-- wrong -->
<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>

http替换为https,你应该好好去。如果您在浏览器中打开Javascript控制台(通常在F12下),则很容易发现此错误。

<!-- correct -->
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>

但协议相对链接呢?

你也可以使用这种曾经流行的语法:

<!-- meh -->
<script src='//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>

但此时它的货物崇拜。拼写https://cdnjs.cloudflare.com/更好。

这就是原因:

Some advice from Paul Irish,Chrome背后的开发人员之一:

  

如果您需要的资产在SSL上可用,则始终使用https://资产。

     

即使您的站点在HTTP上,请求HTTPS资产也始终是安全的,但反之则不然。

答案 1 :(得分:2)

当您使用非指定 http protocols时,最好不要将它们放入任何请求中......因此,不要只使用http:// //

&#13;
&#13;
console.log("$", window.jQuery)
&#13;
<script src='//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
&#13;
&#13;
&#13;