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

内容加载完美，但我遇到了网址问题。如何才能使用后退按钮并导航到之前打开的状态，以便将它们加入书签？

Answer 1

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

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

1 个答案: