作者gigigigi (gigigigi)
看板Ajax
標題[問題] submit後保持tab分頁
時間Mon Feb 15 05:47:24 2021
我使用bootstrap 的 nav nav-tabs 希望在submit or 瀏覽器重新整理維持原本的tab
我找到下面使用 localStorage 原本取回 tab
How to keep the current tab active on page reload in Bootstrap
https://reurl.cc/E2XxLR
但是tab 有預設一個 active, 所以切換到不是預設tab~
瀏覽器重新整理會從預設tab 切回原先的tab
<a href="
#sectionA" class="nav-link active" data-toggle="tab">Section A</a>
下面網址是先切Section B 重新整理瀏覽器會看到我說的情況
http://106.104.70.207/bootstrap.html
請問有什麼辦法解決?
謝謝
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 106.104.70.207 (臺灣)
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Ajax/M.1613339248.A.B99.html
1F:推 paul09253336: 用ajax? 02/15 07:41
2F:→ gigigigi: 我不清楚怎樣算是 ajax 我是用Bootstrap 02/15 16:11
※ 編輯: gigigigi (106.104.70.207 臺灣), 02/15/2021 17:12:11
4F:→ Rinorune: 把fade的class拿掉 或預設tab用js掛上去而非寫死在html 02/15 20:27
5F:→ gigigigi: 請問一下怎麼用js 掛上tab ? 搜什關麼鍵字找範例? 02/16 01:15
7F:推 liisi: 問題不在bootstrap 而是你不會js 直接陣亡 02/18 23:54
8F:推 liisi: 且submit送出資料 理論上是搭配後端人員 處理完資料 02/18 23:58
9F:→ liisi: 再送回給前端 並針對畫面做處理 02/18 23:59
10F:推 liisi: 如果你只是想針對畫面做處理 跟資料和後端無關的話 02/19 00:02
11F:→ liisi: 那還是要透過js做css的處理比較實際 02/19 00:02
12F:→ liisi: 連submit都不用 02/19 00:03
13F:推 chinggoo: Form submit 後預設是會reload,tab 的訊息要找地方暫存 02/24 08:08
14F:→ monotone: 欸...我沒看code,不過給個建議,如果 reload不是你要 03/24 02:05
15F:→ monotone: 的,那就讓他不要reload啊~ 03/24 02:05