2011-09-18 69 views
0

我在網頁和我的最左邊一欄有一個3欄佈局的僅更新有關章節,我的頁面的列表,它是在所有一致頁面。避免全頁面重新加載(!?),而導航通過在一組網頁

因此我在想,如果這將是可取的,以防止整個頁面加載,當用戶嘗試切換到不同的頁面選擇fromt左側面板列表僅更新頁面的neccessary部分。 我應該使用jQuery的preventDefault()來阻止鏈接的默認行爲,並使用ajax更新地址欄url &部分頁面?

我想Facebook的也做了同樣的事情,當你試圖從左側面板的個人資料頁上的不同組的頁之間切換!?

回答

2

這是一個完全合理的優化,是的,雖然鏈接應該繼續要在JavaScript中,履帶和NoScripters和其他各種邊緣情況的利益。

如果更新地址欄pushState,甚至可以使效果無縫。 (該API有點新,slightly glitchy across browsers,但history.js承諾消除這些差異。)瀏覽a project on github中的樹,看看它是如何工作的。

相信github上使用jQuery插件叫做pjax其效果。也許你可以用最小的努力放下它。

1

的鏈接添加到return false onclick處理。這些將阻止鏈接被跟蹤。

關於更新頁面的內容:您應該確實使用Ajax。你有其他具體問題嗎?

+0

其實我只是想知道我是否應該這樣做..這已被您的答案清除。像Facebook等大型網站也使用這種機制? –

+1

我不是Facebook的粉絲。如果您需要示例,請查看http://www.google.com。 Google搜索引擎是AJAX驅動的網站的明顯例子(包括URL更改)。 –

+0

非常感謝Rob! –

相關問題