Javascript 共享页眉和页脚的jQuery代码包括

我必须通过jQuery动态地包含一些导航栏、格式和杂项css类

对于每个网页，我都有以下代码：-

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" >    </script>
<script type="text/javascript">
    $(document).ready(function(){
        $('#navigation').load('navigationtheory.html');
    });
    $(document).ready(function(){
        $('#footer').load('../../include/footer.html');
    });
    $(function(){ $("head").load("../../include/header.html") });
</script>

页面呈现不正确

所以从理论上讲，这应该是可行的。我很确定这是一个语法错误，我在jQuery文档中找不到任何外部定义

---

我不熟悉Javascript和JQuery。

如果使用Google Chrome的Inspector工具，会收到什么错误消息？路径问题。那太尴尬了。谢谢。这不是错误，但是脚本中不需要三个单独的文档准备处理程序。将所有三条load（）语句放入一个就绪处理程序中。

 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" > </script>
 <script src="jqueryincludes.js"> </script>

$(document).ready(function(){
    $('#navigation').load('navigationtheory.html');
});
$(document).ready(function(){
    $('#footer').load('../../include/footer.html');
});
$(function(){ $("head").load("../../include/header.html") });