2015-07-22 152 views
0

问候, 在标记此问题重复之前,我想告诉我已经查看了可以帮助我的所有问题,但都没有。我在下面有一个简单的例子,你的帮助将是可观的。AJAX后退按钮历史记录

例如: Index.html页面给出3个链接到不同的页面,这些链接不是用href指令,而是用AJAX指令(不改变URL)。 div的内容被改变而不刷新页面并且不改变URL。

问题: 我无法追踪历史记录,比如我点击了第2页 - >第3页 - >第2页 - >第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> 

回答

0

我还没有试过这个插件https://rosspenman.com/pushstate-jquery/,但对于我读过的这可能会帮助你...让我知道它是否可以完成这项工作:)

+0

虽然这个链接可能回答这个问题,但最好包含这里的答案的基本部分,并提供参考链接。如果链接页面更改,则仅链接答案可能会失效。 – OzrenTkalcecKrznaric

+0

这是一个很好的建议...谢谢你....现在我不编辑我的答案,因为问题被标记为重复,但我会在未来:) – Vanojx1

相关问题