對通用導航欄使用JQuery嗎？

Question

我一直在閱讀如何創建一個單獨的導航欄，該導航欄保存在單個文件中以方便更新。 在評估了一些選項之后，我決定使用JQuery，因為目前我沒有網站，只是在學習如何編寫代碼。

我在index.html文件上使用此代碼（隨后在單獨的nav.html文件中使用無序列表）：

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script> <script> $(function(){ $("#menu").load("nav.html"); }); </script> 

  <ul> <li><a href="#" class="active">Page1</a></li> <li><a href="#">Page2</a></li> <li><a href="#">Page3</a></li> <li><a href="#">Page4</a></li> </ul> 

然后在index.html上用它來調用它：

 <nav> <div id="menu"> </nav> 

但是沒有任何反應，導航欄在我的頁面上不可見。

有什么問題的建議嗎？

謝謝！

Answer 1

您的代碼有效。 小提琴

$('#menu').load要求源在服務器上運行。 它對您不起作用，可能是因為您沒有在服務器上運行它。