如何使用 ajax 无刷新既改变网页地址(url)又能实现前进后退改变内容？

Question

假设现在有一个网页如下：//当点击这个li标签时，div#a-page显示，并在他的子div.ajax-load-a-page当中载入a-page.html。同时url改变为example.com/a-page.html，并且前进后退可用。下同。//....//....//....现在我试用了pushstate，但是只能改变地址的url，前进后退也只改变url地址，内容没有改变。可能是没有绑定popstate的缘故，但不知道这部分的绑定代码应该怎么写？补充一下，不必考虑IE

Answer 1

参考cuelog.com这个站点，IE下也有效，
使用的jquery.ba-hashchange插件，
还有html5的history.pushState事件，
IE下监听$(window).on('hashchange',function(){});事件。