在网站无法正常工作

Question

这里实现历史事件对我的网站

1. 转到流[http://example.com。即使浏览器地址栏中显示http://example.com

   网页上的文字会显示http://example.com/foo的内容，即使浏览器地址栏显示http://example.com也会提示用户签出栏。用户点击链接，并采取

2. [http://example.com/bar]

   网页上的文本要求用户检查出巴兹。用户点击链接，并采取

3. [http://example.com/baz]

   网页上的文本要求用户检查出qux。然而，用户点击浏览器的后退按钮，并采取

4. [http://example.com/bar]

   网页上的文本要求用户检查出巴兹。然而，用户点击浏览器后退按钮，并采取...失败！这是浏览器栏应该变成[http://example.com]的地方，但它根本不会改变。

实现这一切的代码相当简单明了

var goTo: function(uri) { 
    get uri via XMLHttpRequest 
    swap content 
    history.pushState(null, null, uri); 
} 

window.addEventListener("popstate", function(event) { 
    var uri = location.pathname.replace("\/", ""); 
    goTo(uri); 
}, false); 

Answer 1

问题解决了。有关详细信息，请参阅HTML 5 History - window.pushState not working，但缺点是popstate事件中不能有history.pushState()。一旦我将这两者隔离开来，它运作得很好。