Javascript 文件适用于计算机文件上的 HTML,但不适用于 Github

标签 javascript jquery html css

我通过 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/

相关文章:

javascript - 如何使用其子级将 CSS 应用于父级

javascript - 在 Javascript 中将 Java 颜色转换为 RGB

javascript - 异步客户端 javascript 进程与服务器对话

javascript - 显示时禁用 jquery ui 单选按钮的焦点

javascript - 创建一系列定时表单提交

JavaScript - 检查 Cisco Jabber 用户状态

javascript - 想要从 cakephp 中部门下拉列表的 onchange 中选择用户?

javascript - 我将如何定位网页中的所有内容,以便即使浏览器大小或屏幕分辨率发生变化,所有内容仍然存在?

javascript - 在 JS 中创建匹配/搜索功能

javascript - 按钮同时有两个 Action