求助：前端导航栏跳转之后的问题

[冒冒的森林]

现在已经使用load方法将导航栏B的html加载到导航栏A的body标签里去了，可是我发现导航栏B的内容并不完整。
在浏览器里检查元素发现，head标签里面引入的css和js文件仍然是导航栏A的css和js。
我的布局是，导航栏A有test.css和test.js，导航栏B有单独的test1.css和test1.js。
我是在test.js里面写的load方法。
$("#navnav ul li #static").click(function () {
$("body").load("./test1.html");
});
注：navnav为导航栏A的div id，static为导航栏B这几个字的span id。

[天际的海浪]

用load方法加载实际上是把被加载文件的源代码直接复制到当前页面中，两个文件中的css和js会混合在一起，如果不处理好很容易起冲突。 所以用load方法加载的文件最好只有内容部分，css和js都事先放到父页面中。 如果要加载的页面完全独立，请使用iframe。

[jio可]

为什么不把css和js统一写在一个common.css和common.js里面呢？这样加载一次就可以在切换导航的时候使用了，而不是现在的做法点击导航再去拿css和js

[斗弟]

这个是想做tab选项卡的吗

[冒冒的森林]

引用 3 楼 蹭热度的小学生 的回复:

这个是想做tab选项卡的吗

不是的，导航栏调转

[luj_1768]

可以试一试tab选项卡。可能要简单一些。