如我在其他问题中提到的那样,我正在构建自己的网络应用程序。
现在我有了这个应用程序--> 这里是Plunker!您可以在这里更好地查看它。在标题中有一个选项卡,我可以通过多个页面导航并加载其内容。
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script src="script.js"></script>
</head>
<body>
<a href="link1">Link 1</a>
<a href="link2">Link 2</a>
<div id="content">
<!-- Page content displays here -->
</div>
</body>
</html>
$(document).ready(function(){
$('a').click(function(e){
var page = $(this).attr('href');
$('#content').load(page + '.html');
return false; // don't follow the link
});
});
它的工作很好!但是我在保存页面状态方面遇到了问题。
例如,如果我在第2页并刷新浏览器,则页面将返回其起始状态。如何让页面在刷新时停留在当前页。
非常感谢每一个解决方案或提示!
page
变量保存在会话/本地存储、cookie或服务器端会话中。 - showdev