無法從HTML

內我有index.html和navbar.html同一文件夾內加載HTML。該index.html文件具有下面的代碼：無法從HTML

<script src="js/jquery-3.1.0.min.js"></script> 
<script> 
    $("#navBar").load("navbar.html"); 
</script>

以下div距離body

<div id="navBar"></div>

的navbar包含此測試代碼：

<p> Test File </p>

GitHub的庫是在這裏：https://github.com/roymunsonstudios/roymunsonstudios.github.io

爲什麼這個簡單的HTML導入不起作用？

UPDATE：

有在控制檯的錯誤：

jQuery的1.11.3.min.js：5的XMLHttpRequest無法加載文件：///用戶/ vroy /開發/網站/roymunsonstudios.github.io/navbar.html。協議方案僅支持交叉源請求：http，data，chrome，chrome-extension，https，chrome-extension-resource。

index.html文件引用2個版本的JQuery。腳本中的一個。另一個版本的JQuery位於頁腳中。但是，由於某種原因，腳本正在使用舊版本的JQuery運行，即使我希望它使用更新版本的JQuery。我應該改變這個嗎？

更新2：

錯誤仍然發生在最新版本的JQuery中。

來源

2016-09-15 Roymunson

到錯誤的解決方案正在改變：

$("#navBar").load("navbar.html");

到：

$("#navBar").load("https://-to-navbar.html");

因爲.load功能似乎只對URL的工作存儲，並不是文件本地。

我也不得不改變輕微的代碼：（感謝Rorymccrossan）：

$(function() { <code> });

來源

2016-09-15 22:45:37 Roymunson

當您加載你需要把你的jQuery代碼中的document.ready事件處理程序的文檔<head>腳本。在DOM中存在#navBar元素之前，您的代碼正在執行。試試這個：

<script src="js/jquery-3.1.0.min.js"></script> 
<script> 
    $(function() { 
     $("#navBar").load("navbar.html"); 
    }); 
</script>

來源

2016-09-15 22:03:27

這仍然無法正常工作。我應該不在文檔的頭部加載腳本嗎？ – Roymunson

您是否檢查了控制檯的錯誤？ –

哦，我剛發現一個錯誤。 – Roymunson

回答

相關問題