javascript - 为什么 JavaScript 无法在 GitHub 页面上运行?

标签 javascript html github github-pages

我的 JavaScript 代码无法在 GitPages 上运行。它应该显示背景幻灯片,但相反......不执行任何操作。 Other people遇到同样问题的人大多通过使用 https 协议(protocol)而不是 http 来解决问题。

但是,我正在使用相对文件路径 src="js/script.js"

我尝试过使用带有相对文件路径的 https 协议(protocol) src="https://js/script.js .

我尝试过使用带有绝对文件路径的 https 协议(protocol) src="https://github.com/absolute_path/js/script.js"

我尝试将脚本嵌入到 html 文档本身中,而不是调用外部文件 <script> JavaScript code </script>

所有在我的本地计算机上都可以正常工作,但没有可以在 GitPages 上工作。网站的其余部分工作正常,包括 CSS——只是 JavaScript 不起作用。我是 GitHub 的新手,没有 JavaScript 经验,因此非常感谢您的帮助和耐心。

GitPages pagerepository

最佳答案

您的图像在存储库中命名为 1.JPG,但在 CSS 中引用为 1.jpg。 Github 文件路径区分大小写,因此需要在 slide.css 中将“jpg”设为大写。您的 js(仅 Modernizr.js)似乎加载正常。

如果您使用的是 Mac,您的本地文件系统不区分大小写,因此它可以在本地正常工作。

关于javascript - 为什么 JavaScript 无法在 GitHub 页面上运行?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55714570/

相关文章:

javascript - 如何使用存储过程将项目添加到文档集合

javascript - CSS 未加载或应用于从服务器加载的页面

html - 将固定的 div 放置在另一个固定的 div 中

ruby-on-rails - 从 Github 指定 fork 版本的 gem 时出现“找不到 gem”错误

javascript - 具有未知行数的数据表服务器端处理

javascript - 使用 jQuery 滚动固定内容

JavaScript 正则表达式 : replace this or that word (have or not whitespaces between words)

html - 使用 CSS 使工具栏位于顶部

Github:将更改从一个仓库推送到另一个仓库

git - 在 Github Pages 上将子目录设置为网站根目录