iT邦幫忙

0

html 如何重新整理 而不會回到第一個tab?

  • 分享至 

  • xImage

以下是我的codepen:
https://codepen.io/alanotmt/pen/LYmPrxw

目前使用window.location.reload() 都會跳回最一開始的tab
如何能回到當下的tab?

froce iT邦大師 1 級 ‧ 2022-09-02 08:08:39 檢舉
window.location.reload()
是對當前網址做重新發送請求到伺服器,伺服器又在吐回去當前網址的最新內容,你這樣寫當然都是到最新的tab。

像這種導覽,裡面通常是給其他的網址連結,而不會是page reload的動作。
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中
1
㊣浩瀚星空㊣
iT邦大神 1 級 ‧ 2022-09-01 19:20:37
最佳解答

幾種答案給你。

1.不要有重整動作
2.使用COOKIE記錄目前的tab值。這樣在每次重新載入時。可以依照保留的cookie值去自動指向。

alanotmt iT邦新手 4 級 ‧ 2022-09-02 15:31:27 檢舉

了解,我查到cookie在php 的使用方法,那我要如何獲得我點擊這個tab的動作,好讓我用cookie記錄當下的頁面

你不能直接使用 php 的cookie 方式處理。
因為 tabs 的動作是在前端運行。
當然了。如果是搭配 ajax 的話,倒也不是不能利用php的cookie

由於 cookie 是記錄在本機上的,所以其實前端語言 (javascript)
是可以操作 cookie 的。

一般目前的 tabs 套件。理論上都會有點擊頁簽的事件可供你使用。
你可以從那邊處理cookie的記錄操作。
至於要直接使用AJAX的方式來後端記錄處理。還是要從前端操作處理。
就看你了。

alanotmt iT邦新手 4 級 ‧ 2022-09-02 15:57:52 檢舉

了解,剛我成功使用javascript 記錄到page 同時傳到php上,應該有完成我要的功能了,感謝

0
緯大啊緯大人
iT邦研究生 1 級 ‧ 2022-09-02 09:04:46

提供一個方法給你,不過這方法僅限從其他地方導入頁面時,判斷選擇哪個Tab

  1. 導向時加入參數(用以判斷要哪一個Tab)
  2. 前端讀取頁面時,js/jq,利用url參數判斷選取Tab,執行選取某tab

結束


如果要重新整理判斷剛剛所選之tab,應該只能從cookie/session著手

0
海綿寶寶
iT邦大神 1 級 ‧ 2022-09-02 09:33:33

目前使用window.location.reload() 都會跳回最一開始的tab
如何能回到當下的tab?

不能(單純靠 reload)
顧名思義,reload 有點像是reset,一切歸零重新開始的概念

如果可以的話
就會有人問「reload 時如何才可以回到完整的原始狀態

我要發表回答

立即登入回答