Javascript 如何在单击导航栏时将内容加载到Section元素中

你好，我想得到一个网页的内容更新后，导航栏点击。以下是主要问题：

（1） 主页将加载，但当我在导航it部分切换时，内容将变为空白

（2） 当我单击home选项卡上的back时，会显示内容，但MathJax CDN（此处不包括）不会重新加载

（3） 对不起，没有什么事。不知道如何在保持我的站点路径私有的同时复制“a href…”

最好使用Ajax，这样当用户访问主页时，我就不必加载网站的全部内容。然而，您提供的任何解决方案都是非常棒的！谢谢

$（'ul.nav li a'）。在（'click'，函数（e）{//用户单击导航链接
e、 preventDefault（）；//停止加载新链接
var url=this.href；//获取href的值
$（'li.active'）.removeClass（'active'）；//清除当前指示器
$（this）.addClass（'active'）；//新的当前指示器
$（'div#container'）.remove（）；//删除旧内容
$（'#content'）.load（url+'#container'）.hide（）.fadeIn（'slow'）；//新内容
});

切换导航














主页
您可以使用
：target
伪类在内容之间进行更改

基本上，您可以隐藏新内容，并在用户单击菜单项时显示


.content--新的{
显示：无；
}
#部分：target.content--旧{
显示：无；
}
#部分：target.content--新建{
显示：块；
}






旧内容


新内容

谢谢您的建议！这个很好用。然而，我想避免在用户访问主页时加载整个网站内容。有没有一种方法可以使用AJAX实现这一点？是的，您需要有一个新的内容包装器。当用户单击菜单项时，调用ajax函数将所需的html加载到该包装器中。我会尽量找一些空闲时间提供一个演示。我已经编辑了我的答案，希望它能帮助你完成你想要的。我明白你的意思！非常感谢您的反馈