PTT數位生活區 / Ajax

[問題] submit後保持tab分頁

看板Ajax作者 (gigigigi)時間3年前 (2021/02/15 05:47), 3年前編輯推噓5(5推 0噓 10→)
留言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
‣ 更多 gigigigi 的文章
文章代碼(AID): #1WAPfmkP (Ajax)
Ajax 近期熱門文章
更多 近期熱門文章 >>
PTT數位生活區 即時熱門文章
更多 即時熱門文章 >>
‣ 更多 gigigigi 的文章
文章代碼(AID): #1WAPfmkP (Ajax)