我必须通过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的新手。