[問題] 關於使用 jQuery/Tab + anchor 的跳躍問題

看板Ajax作者asuka05 (人生以快樂為最終目標)時間16年前 (2009/02/25 17:50)推噓0(0推 0噓 1→)

留言1則, 1人參與討論串1/1

來這邊請教一個怪問題，因為我呈現的資料量很多，所以我用 http://stilbuero.de/jquery/tabs/ 這個來製作分頁tab功能，最近因為每個tab下的資料又很長，所以多做個"能快速跳到該區塊"的功能，也就是用錨點連結(anchor link )來達成，但完成後卻發現一個問題，先說明這情形在 Firebox 跟 Chrome 裡都是運作正常，但是在 IE會有問題！ IE 的狀況是，當我第一次點擊 <a href="#1">X</a> 這種錨點連結他會跳到該區塊 X沒錯，但接著(瞬間)他會整頁刷新，結果就會跑 jQuery 的 tab 語法，也就變成顯示我預設的tab頁。 (焦點自然不在 X區塊上了) 而只要點過一次後，這種狀況就不會再發生，不論是切換tab或是點錨點都正常，但奇怪的就是每當系統頁面載完，第一次點錨點時網頁總會回到 server refresh，這是因為 IE 的設定嗎？不曉得有沒有人遇過，這該怎麼解決才好呢？謝謝回應！ -解決方案在說明一下我系統的情境，我的系統如果是從別的地方代登入進來的，會接受一個 page的參數，假如是 =2，網址最後就會串 #2 使之進入 tab=2 頁面。而問題會產生的狀況，假如系統是自己登入的，網址會變 #null，這"在 IE"的預設情況下，變成第一次點錨點類link，會造成頁面刷新，所以解決方式就是程式在收完參數，判斷那是 null 後，不要串入 url xxx.jsp?ooo=xxx&oo=xx#p ^^不論是p值或是#都不要加入網址這樣子 IE的問題就解決惹~~ -- 　　　╭╯ 　　　╭╬╮　 ╭╮╭╗ 　　╚╯╰。　　　　﹍﹎﹍﹎﹍﹎﹍﹎﹍﹎﹍﹎﹍﹎﹍﹎﹍　　　　　　　╰╬╯。　　╭╭╗　　▉▏▍天下武功，無堅不破，唯快不破。 ▏▊▊▌　　╔╮╰╯ 　　╰╬╯。　　　﹊﹉﹊﹉﹊﹉﹊﹉﹊﹉﹊﹉﹊﹉﹊﹉﹊　　　　　╰╬╯。　　╰╯ 。╯ -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 140.119.210.191