jQuery.load加载HTML文件

在此之前我从未使用过jQuery ，但我会解释我正在尝试做什么。

的index.html

         <!--  I used to use this - but i cant have dropdown menus. -->   $('#navbar').load('./navbar.html');   
Please enable Javascript!
  
  
   

navbar.html

所以我在这里要做的是，有许多HTML页面都链接到一个navbar html页面，所以当我更改navbar.html时，我不必更改每一页。

我已经有了另一个问题。 Davor Milnaric建议“如果你使用的是jquery，你可以试试’.load（）’函数.api.jquery.com / load”但是我无法让它工作。 我究竟做错了什么？ 我如何解决它？ 任何帮助将非常感激。

Answer 1

你需要做两件事：

1. 使用$（document）.ready（） – 在这里阅读; 所有jQuery代码必须像这样包装：

    $(document).ready(function(){ //jquery code goes here.... }); 

2. 更改

   $('#navbar').load('./navbar.html');

至

 $('#container').load('./navbar.html'); 

..你没有id =“navbar”的元素，并根据这个 ：

如果选择器没有匹配任何元素 – 在这种情况下，如果文档不包含id =“result”的元素（ 在我们的例子中是“navbar” ） – 将不会发送Ajax请求。

Answer 2

您也可能需要等待DOM加载。