我尝试在 GitHub Pages 上使用 JQuery 等 JS 库测试静态网站
但是,JS(主站点轮播或照片轮播)似乎无法在 GitHub Pages 上运行。
本地和本地主机上的相同代码临时 apache 工作得很好。
以 JQuery 为例:
<script type="text/javascript">
if (typeof jQuery == 'undefined') {
document.write(unescape("%3Cscript src='/javascripts/jquery.min.js' type='text/javascript'%3E%3C/script%3E"));
}
</script>
问题出在哪里?
最佳答案
您正在使用混合内容。库未加载,因为它们的方案是 http
,而 GitHub Pages 使用 https
:
您需要更改所有资源路由以匹配 https
协议(protocol)。如果资源网站不允许您这样做,那么您可能需要下载库并上传到您的页面,而不是使用 CDN。链接将像这样:
<script src='relative/server/folder/to/jquery.min.js' />
此外,您可能想阅读 this获取更多信息和说明。
<小时/>您需要解决的其他问题:
- 您的网站,加载 jQuery 后,
$
未定义,但jQuery
已定义。您应该修复此问题,或使用jQuery
而不是$
。 - 使用
jQuery("#mojbanner").load("assets/revslider/moj_slider.html");
加载 carousssel 后,assets/revslider/moj_slider.html
包含更多 http 内容(而不是 https)。您也应该修复此 html。 - 尝试修复您在 Chrome(或 Firefox 或任何浏览器)调试控制台上看到的所有错误。
关于javascript - 查询 GitHub Pages 和 JavaScript 库不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37905926/