javascript - 查询 GitHub Pages 和 JavaScript 库不起作用

Question

我尝试在 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>

问题出在哪里？

Answer 1

您正在使用混合内容。库未加载，因为它们的方案是 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 或任何浏览器)调试控制台上看到的所有错误。