我通过 github pages 有一个个人网站,我的最后一个问题是我有一个使用 jQuery 的 javascript 文件,我链接到我的 html 文件的 head
中,如下所示。 .
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="smoothscroll.js"></script>
<link rel="stylesheet" href="mystyle.css">
</head>
当我在自己的计算机上测试文件中的代码时,脚本、CSS、HTML 一起工作,但是当我将它们上传到 github 时,只有我的 HTML 和 CSS 文件工作,而不是我的 JS。
它们都位于存储库的同一分支中。
知道为什么 js 文件不起作用吗?
最佳答案
您会注意到您的 Github 页面是通过 https 提供的。使用 https 协议(protocol)托管站点时,将阻止通过不安全协议(protocol)加载的任何资源。这就是您的 jQuery 无法加载或运行的原因。
尝试将 http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js
更改为 https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js
或 //ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js
关于Javascript 文件适用于计算机文件上的 HTML,但不适用于 Github,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34427109/