向现有Jquery/AJAX网站添加后退/前进/书签支持的最简单方法是什么？

我是一个使用JavaScript和JQuery的新bie，但我有导航功能。我读过一些关于实现历史记录和书签的教程和帖子，但它们都高估了我对JS的了解。有没有一种更基本的方法来实现它而不涉及一页又一页的iFrame和php？我在努力学习，而不是在我的头上跳水

html:

js:

---

当我点击链接时，包含这些文件只会使我的页面变黑。我只是简单地把它们包括进来，是否做了一些不正确的事情？不完全确定，但我想您必须在jquery之后包含捆绑的jquery.history.js文件，才能使其工作。-这是我目前使用的includes和脚本，从我读到的历史代码并不是严格意义上的HTML5，所以我应该可以接受它，但它拒绝正常工作。IE8上不会发生这种情况，只有Firefox。

<ul id="navigation">        
<li> <a class="nbutton" href="12.html"> a </a> </li>
<li> <a class="nbutton" href="23.html"> b </a> </li>
<li> <a class="nbutton" href="34.html"> c </a> </li>
<li> <a class="nbutton" href="45.html"> d </a> </li>
<li> <a class="nbutton" href="56.html"> e </a> </li>
</ul> 

<script type="text/javascript">        
$.ajaxSetup 
({ cache: false });

$(document).ready(function(){       
    $(".nbutton").click(function(){
        $("#content").load($(this).attr("href"));
        return false;
    });
});         
</script>