如何動態加載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