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

时间:2016-02-06 23:53:38

标签: javascript jquery html

我必须通过jQuery动态地包含一些导航栏,格式和misc 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>

这是在<head> dom元素中。

我必须将第二个脚本内容隔离到一个单独的文件中。我这样做是通过在一个名为jqueryincludes.js的文件中包含确切的代码然后以这种方式调用它

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

我的jquery包含的内容是: -

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

页面无法正确呈现。

所以理论上这应该有用。我很确定它是一个语法错误,我在jQuery文档中找不到任何外部定义。

我是Javascript和JQuery的新手。

0 个答案:

没有答案