如何动态加载jquery内容时生成书签URL？

Question

在我的头，我有以下脚本接收一个ID参数输入功能RECP（）：

<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; 
} 
?> 

内容加载完美，但我有问题的网址。我怎样才能实现使用后退按钮并导航到之前打开的状态，以便他们可以添加书签？

Answer 1

你应该在你的案例中以编程方式推送浏览器的历史状态。 History.js - 处理这个问题。在这里，你可以采取代码和手动：https://github.com/browserstate/history.js