HTML页面导航栏页脚不动，变换中间部分

代码段一：

 <script>
 $(document).ready(function() {
 $("#teachingObjectives").click(function() {
 //jiaoxuemubiao是a标签的ID,
 //ajaxHtml是需要更新的div标签ID,2.html是更新的内容
 //<a></a>标签实现这个效果，需要设置href="#".
 $("#ajaxHtml").load("teachingObjectives.html");
 $("#nav-index").removeClass("active");
 $("#nav-teachingObjectives").addClass("active");
 $("#nav-teachingResources").removeClass("active");
 $("#nav-laboratoryLayout").removeClass("active");
 $("#nav-about").removeClass("active");
 $("#nav-laboratoryConstruction").removeClass("active");
 $("#nav-friendshipLink").removeClass("active");
 $("#nav-contactUs").removeClass("active");
 });
 });
 </script>

代码段二：

<div class="navbar-collapse collapse" style="padding-left: 0px;">
<ul class="nav navbar-nav navbar-left" style="height: auto;">
<li id="nav-index" class="active" style="padding-right: 35px;padding-left: 15px;"><a id="index" href="index.html" style="color: #FFFFFF;display: block;width: auto;height: 30px;font-size: 18px;">网站首页</a></li>
<li id="nav-teachingObjectives" style="padding-right: 35px;padding-left: 15px;"><a id="teachingObjectives" href="#" style="color: #FFFFFF;display: block;width: auto;height: 30px;font-size: 18px;">教学目标</a></li>
</ul>
</div>

代码段三：

<div id="ajaxHtml"></div>

以上代码是经过测试通过的，由于保密时间原因，不能截图，望谅解。

<!--转载注明出处-->