php - 如何在动态加载 jquery 内容时生成可书签的 URL？

Question

在我的标题中，我有以下脚本来接收函数 recp() 的 id 参数输入：

<script>
 function take(id) {
  $('#content_div').load('pages.php?id='+id);
 }
</script>

在正文的导航菜单中，我的链接设置如下：

<li><a href="#" onClick="take('food')">Food</a></li>
<li><a href="#" onClick="take('animals')">Animals</a></li>

我的 div 标签在正文中是这样的：

<div id="content_div"><div>

pages.php 有一个条件结构，可以将特定代码注入#content_div，如下所示：

 <?php
 $id = $_GET['id'];
 function showUp($id){
 switch($id){
 case "food":
 include_once "food.php";
 break;
 case "animals":
 include_once'animals.php';
 break;
 }
 ?>

内容正在完美加载，但我的 URL 有问题。我怎样才能使用后退按钮并导航到以前打开的状态，以便可以将它们添加为书签？

Answer 1

在您的情况下，您应该以编程方式推送浏览器历史状态。History.js – 处理这个问题。在这里您可以获取代码和手册：https ://github.com/browserstate/history.js