[jQuery UI] 讓每個 Tab 擁有獨立網址
使用 jQuery UI 的 Tabs 套件時,有兩個缺點:
- 瀏覽器的上一頁、下一頁按鈕沒有作用,也就是 history 的紀錄失效。
- 每個 Tab 沒有獨立的網址,所以無法將某個指定的 Tab 內容加到書籤。
目前找到比較簡單的解決辦法有二:
- 改用 jQuery Tools 的 Tabs,參見 Handling browsers back button。(認真地說,我覺得 jQuery Tools 的 Tabs 比較好用)
- 搭配 scrollTo 和 localScroll 這兩隻外掛的解法,來自 Mule Design Studio Blog:請直接參考他們的範例網頁,從原始碼就可以很清楚得到解答了。





