我正在建立一个有 5 页的网站。有些页面内容很重（100 多张图片），有些页面很轻（几段文字）。
我正在寻找一个 jQuery 解决方案（也许有一个插件？），它使用 jQuery 的.ajax() 方法在用户单击导航时加载新页面。准确地说：
- 点击后，页面内容淡出
- 加载后，所需页面的内容会淡入
- 浏览器栏更新为干净的 URL
- 保留后退按钮功能
- 缓存第一页的内容，以便用户导航返回时，第一页的 HTML、JS 和图像快速出现。即不需要新的ajax 调用。我知道当您使用本视频中描述的 Promise 功能时，jQuery 的 .ajax() 支持缓存（大约 11:00）
这是我到目前为止所拥有的：
我找到了Ajaxify，这是一个脚本集合，应该或多或少地完成我的目标。不过，我不确定它是否是一个强大的解决方案并支持缓存和清理 URL。有没有人有这方面的经验？
我有一个起始页 (index.php) 和另一个带有此标记的页面 (info.php)：
<nav class="nav-1">
<ul>
<li><a href="index.php">Index</a></li>
<li><a href="info.php">Info</a></li>
</ul>
</nav>
<div class="page">
<p>This is the content area. Its content is to be replaced via Ajax.</p>
</div>
更新：添加了有关项目状态的更多详细信息