查詢GitHub頁面和JavaScript庫不起作用

Question

我曾嘗試在GitHub Pages上使用jQuery之類的JS庫測試靜態網站，但是JS（主站點輪播或圖片輪播）似乎無法在GitHub Pages上運行。

本地和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 Pages使用https ：

您需要更改所有資源路由以匹配https協議。 如果資源網站不允許您這樣做，那么您可能希望下載庫並上載到頁面，而不是使用CDN。 鏈接將如下所示：

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

另外，您可能需要閱讀此內容以獲得更多信息和說明。

---

您需要解決的其他問題：

• 加載jQuery后，您的網站未定義$ ，但jQuery定義了$ 。 您應該解決此問題，或者使用jQuery代替$ 。
• 在使用jQuery("#mojbanner").load("assets/revslider/moj_slider.html"); ， assets/revslider/moj_slider.html包含更多http內容（而不是https）。 您也應該修復此html。
• 嘗試修復在Chrome（或Firefox或其他瀏覽器）調試控制台上看到的所有錯誤。