[問題] submit後保持tab分頁

看板Ajax作者 (gigigigi)時間3年前 (2021/02/15 05:47), 3年前編輯推噓5(5010)
留言15則, 6人參與, 3年前最新討論串1/1
我使用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://www.ptt.cc/bbs/Ajax/M.1613339248.A.B99.html

02/15 07:41, 3年前 , 1F
用ajax?
02/15 07:41, 1F

02/15 16:11, 3年前 , 2F
我不清楚怎樣算是 ajax 我是用Bootstrap
02/15 16:11, 2F
※ 編輯: gigigigi (106.104.70.207 臺灣), 02/15/2021 17:12:11

02/15 17:12, 3年前 , 3F
https://reurl.cc/E2XxLR 我範例是參考這網站的
02/15 17:12, 3F

02/15 20:27, 3年前 , 4F
把fade的class拿掉 或預設tab用js掛上去而非寫死在html
02/15 20:27, 4F

02/16 01:15, 3年前 , 5F
請問一下怎麼用js 掛上tab ? 搜什關麼鍵字找範例?
02/16 01:15, 5F

02/16 01:24, 3年前 , 6F
https://reurl.cc/ZQ1pxl 找到這個好像可以
02/16 01:24, 6F

02/18 23:54, 3年前 , 7F
問題不在bootstrap 而是你不會js 直接陣亡
02/18 23:54, 7F

02/18 23:58, 3年前 , 8F
且submit送出資料 理論上是搭配後端人員 處理完資料
02/18 23:58, 8F

02/18 23:59, 3年前 , 9F
再送回給前端 並針對畫面做處理
02/18 23:59, 9F

02/19 00:02, 3年前 , 10F
如果你只是想針對畫面做處理 跟資料和後端無關的話
02/19 00:02, 10F

02/19 00:02, 3年前 , 11F
那還是要透過js做css的處理比較實際
02/19 00:02, 11F

02/19 00:03, 3年前 , 12F
連submit都不用
02/19 00:03, 12F

02/24 08:08, 3年前 , 13F
Form submit 後預設是會reload,tab 的訊息要找地方暫存
02/24 08:08, 13F

03/24 02:05, 3年前 , 14F
欸...我沒看code,不過給個建議,如果 reload不是你要
03/24 02:05, 14F

03/24 02:05, 3年前 , 15F
的,那就讓他不要reload啊~
03/24 02:05, 15F
文章代碼(AID): #1WAPfmkP (Ajax)
文章代碼(AID): #1WAPfmkP (Ajax)