查询GitHub页面和JavaScript库不起作用

Question

我试图在GitHub Pages上测试一个像JQuery这样的JS库的静态网站但是，似乎JS（主站点轮播或照片轮播）不能在GitHub页面上运行。

本地和localhost临时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");加载carousssel后，assets/revslider/moj_slider.html包含更多http内容（而不是https）。你也应该修复这个HTML。
• 尝试修复您在Chrome（或Firefox或任何资源管理器）调试控制台上看到的所有错误。