Question

电贺，在将此问题标记为重复之前，我想告诉我，我已经查看了可以帮助我的所有问题，但他们都没有。我在下面有一个简单的例子，你的帮助会很明显。

实施例： Index.html页面提供了指向不同页面的3个链接，这些链接不是用href指向，而是用AJAX指向（不更改URL）。更改div的内容而不刷新页面而不更改URL。

问题：我无法追踪历史记录，说我点击了第2页 - ＆gt;第3页 - ＆gt;第2页 - ＆gt;第1页现在，客户想要回到上一页（div内容）。这怎么可能。

的index.html

<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Back button/History Problem</title>
<style>
ul{
    list-style: none;
}
li{
    display: inline;    
}
</style>
</head>
<body>
<!-- Menu for links to pages -->
<div id="menu">
<ul>
    <li><a href="#" onclick="showPage('1')">Page 1</a></li>
    <li><a href="#" onclick="showPage('2')">Page 2</a></li>
    <li><a href="#" onclick="showPage('3')">Page 3</a></li>
</ul>
</div>
<!-- HTML page is  added without change in the URL address  -->
<div id="content"></div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script type="text/javascript">
/* Loads html page by AJAX in the content div */
function showPage(page){
    $("#content").load("pages/page"+page+".html");
}
</script>
</body>
</html>

page1.html

<h1>Page 1</h1>

page2.html

<h2>Page 2</h2>

page3.html

<h3>Page 3</h3>

Answer 1

我没有尝试过这个插件https://rosspenman.com/pushstate-jquery/，但是对于我所读到的内容，这可能会对你有所帮助......让我知道它是否可以完成这项工作：）

AJAX后退按钮历史记录

1 个答案: