2011-07-20 91 views
2

所以,重新設計我的網站後,我想我會使用HTML5歷史API,當我看到輝煌的使用在這裏:http://diveintohtml5.ep.io/examples/history/casey.htmlHTML5 API歷史與標準鏈接

問題是,提供的代碼無法正常工作對我來說(使用Chrome 8)。

不完全確定爲什麼,但它只是在部分內容成功加載後,用鏈接的href值刷新頁面。

這種API的使用還有其他的例子嗎?我不希望History.js或類似的東西,因爲它使用散列/ hashbangs作爲後備。我試圖擺脫這些。

任何想法?

編輯:Firebug拋出'鏈接沒有價值'在我身上以及無數的部分加載內容的請求。經過這些頁面刷新

+1

?您的自動更新是否被破壞? – robertc

+0

非常不相干,但它的最新版本是我打的'+'符號 – Ricki

+0

你可以發佈你的代碼嗎? – Gaurav

回答

2

你要攔截的鏈接點擊調用自己的pushState的 - 如果你檢查出的頁面上的代碼,你會看到事件處理程序:你爲什麼要使用Chrome 8

function addClicker(link) { 
    link.addEventListener("click", function(e) { 
    if (swapPhoto(link.href)) { 
     history.pushState(null, null, link.href); 
     e.preventDefault(); 
    } 
    }, true); 
}