在網站無法正常工作

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()。一旦我將這兩者隔離開來，它運作得很好。