Github vs Browsersync显示错误

时间:2018-06-27 19:50:26

标签: jquery html css github

我创建了一个测试站点,该站点实际上是通过交互式地图显示伦敦地下的。您可以单击不同的点,有关它们的信息就会出现。它使用jQuery,CSS和HTML,并且我一直在使用browsersync跟踪我的工作进度。

从功能上讲,在使用浏览器同步时它可以正常显示,但是在Github上显示时-似乎缺少了一些东西-许多项没有设置样式,或者动画没有以正确的方式出现。

Link to the repository on Git
The site, as it is displayed online

我是否缺少基本步骤? 提前致谢! 劳埃德(Lloyd)

2 个答案:

答案 0 :(得分:0)

检查代码。代替这个:

 <link rel="stylesheet" type="text/css" href="/stylesheets/styles.css">

应该是

<link rel="stylesheet" type="text/css" href="stylesheets/styles.css">

由于我已经提出请求更改。对其进行审核,并随时将其合并。

答案 1 :(得分:0)

我认为样式表缺少一部分路线。

脚本文件具有URL:https://turnerskizzle.github.io/TFLOne/scripts/scripts.js

因此,css的网址应为:https://turnerskizzle.github.io/TFLOne/stylesheets/styles.csshttps://turnerskizzle.github.io/stylesheets/styles.css

您可以通过从index.html中的网址中删除前导斜杠来解决此问题。

<link rel="stylesheet" type="text/css" href="stylesheets/styles.css">

如他所愿,将建立相对于从https://turnerskizzle.github.io/TFLOne/(索引文件)提供的当前页面的路径,而不是来自域https://turnerskizzle.github.io的绝对路由。这是前导/在URL中的含义。