我创建了一个新的存储库并上传了所有文件,但我的索引文件内的 div id="Container"中的图像没有显示。 https://github.com/hkhan194/tres-chic/tree/gh-pages
我调查了与此事有关的所有其他问题并进行了尝试,但仍然没有显示图像。
最佳答案
@Hkhan 我已经在 IE 和 Google Chrome 中尝试过链接,
在 IE 中:
您的网站运行良好,图片正在显示。
在谷歌浏览器中:
图像没有显示,当我检查控制台时,出现此错误
错误: 混合内容:位于“https://hkhan194.github.io/tres-chic/”的页面' 通过 HTTPS 加载,但请求了不安全的脚本 ' http://cdn.jsdelivr.net/jquery.mixitup/latest/jquery.mixitup.min.js '.此请求已被阻止;内容必须通过 HTTPS 提供。
解决方案:
- Google chrome 似乎不允许接受来自您为 JS 提到的 url 的脚本。
- 所以“mixItUp 不是函数”错误被抛出,因为 mixItUp 函数来自以前的 JS 文件。
- 因此,您可以将该 javascript 文件保存为 github 中特定路径中的“jquery.mixitup.min.js”,然后将 javascript 包含在索引文件的标记中,如下所示,
<script src="Your path/jquery.mixitup.min.js"></script>
关于html - Github 页面不显示我的 div 中的图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40500642/