查询 GitHub 页面和 JavaScript 库不工作

Question

我曾尝试在 GitHub Pages 上使用 JQuery 等 JS 库测试静态网站，但是，JS（主站点轮播或照片轮播）似乎无法在 GitHub 页。

本地和本地主机上的相同代码临时 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 页面使用 https:

您需要更改所有资源路由以匹配 https 协议。如果资源网站不允许您这样做，那么您可能需要下载库并上传到您的页面，而不是使用 CDN。链接将是这样的：

<script src='relative/server/folder/to/jquery.min.js' />

此外，您可能需要阅读 this 以获取更多信息和说明。

您需要解决的另一点：

您的网站，在加载 jQuery 后，$ 未定义，但 jQuery 定义。你应该解决这个问题，或者使用 jQuery 而不是 $.
使用 jQuery("#mojbanner").load("assets/revslider/moj_slider.html"); 加载轮播后，assets/revslider/moj_slider.html 包含更多 http 内容（而不是 https）。你也应该修复这个 html。
尝试修复您在 Chrome（或 Firefox，或任何浏览器）调试控制台上看到的所有错误。

查询 GitHub 页面和 JavaScript 库不工作

Query GitHub Pages and JavaScript libs dont't work

javascript

github-pages