d3图表和谷歌字体在github页面上不可见

问题描述 投票:0回答:3

我上传了一个页面到Github上,HTML,CSS和Jquery以及Jquery UI运行得很好。但是,d3图表不会运行。 (PS:图表被隐藏,一旦点击中间的卡片就会变得可见.d3图表上的数据是手动输入的,它没有链接到外部数据文件。)

当你点击中间(黑色)卡片时,你可以在the original page上看到。

the github page上,如果你点击中间卡,就会出现折叠的css容器,但没有图表:(。在Github页面上,除了d3问题,我看到我使用的谷歌字体(Lato)也没有上传。

我是Github的新手,可能会有一些我想念的东西。我将整个内容上传为html文件(而不是css和js脚本的单独文件夹)。

jquery d3.js github github-pages google-font-api
3个回答
1
投票

你有一个https问题(试图在http网站上加载https资产)。

不要将协议定义为引用资产的http://https://,而是尝试使用协议不可知的//


0
投票

OOOOPS找到了我自己的问题的线索和(不完整的)答案:这是我的Chrome浏览器。我试图弄清楚发生了什么,我的Chrome浏览器上有一个东西说“这个页面试图加载一个不受信任的脚本”。我点击它并说“是”,我想加载它并加载它。图表弹出。字体仍然没有加载,但没关系。这不是一个大问题。 (更新:感谢斯蒂芬的评论解释为什么会发生这种情况。)

另外,我刚刚在我的存储库中创建了一个带有d3基本代码并链接到它的文件夹(而不是像我之前那样将其链接到外部)这解决了问题,我可以轻松地看到图表。我将继续对Google字体执行相同操作(将其上载到存储库中)。

在任何情况下谢谢,请忽略这个问题:)

更新:Google字体问题:发布问题后约2小时我将字体上传到文件夹中;那没用。

然后我回到代码中......好吧这是一个简单的错误,我很尴尬承认:(我没有正确关闭一个样式标签,所以字体没有读。一旦我修复了它,它完美的工作。(之前我曾经在Tumblr上主持过相同的页面,所以他们可能会有一些事情发生,这些错误会被他们的系统以某种方式自动修正和纠正)。

现在一切都解决了:)


0
投票

这可能是因为github页面使用的是HTTPS,但字体URL是HTTP。

您可以通过删除http来尝试更改URL:这样,

@import url(//fonts.googleapis.com/css?family=Hind:300,500);

要么

<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Hind:300,500"> 
© www.soinside.com 2019 - 2024. All rights reserved.