[問題] submit後保持tab分頁

作者: gigigigi (gigigigi)   2021-02-15 05:47:24
我使用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
請問有什麼辦法解決?
謝謝
作者: paul09253336 (paulma)   2021-02-15 07:41:00
用ajax?
作者: gigigigi (gigigigi)   2021-02-15 16:11:00
我不清楚怎樣算是 ajax 我是用Bootstraphttps://reurl.cc/E2XxLR 我範例是參考這網站的
作者: Rinorune (杜)   2021-02-15 20:27:00
把fade的class拿掉 或預設tab用js掛上去而非寫死在html
作者: gigigigi (gigigigi)   2021-02-16 01:15:00
請問一下怎麼用js 掛上tab ? 搜什關麼鍵字找範例?https://reurl.cc/ZQ1pxl 找到這個好像可以
作者: liisi (小心一點)   2021-02-18 23:54:00
問題不在bootstrap 而是你不會js 直接陣亡且submit送出資料 理論上是搭配後端人員 處理完資料再送回給前端 並針對畫面做處理如果你只是想針對畫面做處理 跟資料和後端無關的話那還是要透過js做css的處理比較實際連submit都不用
作者: chinggoo (Leo)   2021-02-24 08:08:00
Form submit 後預設是會reload,tab 的訊息要找地方暫存
作者: monotone (Gloomy)   2021-03-24 02:05:00
欸...我沒看code,不過給個建議,如果 reload不是你要的,那就讓他不要reload啊~

Links booklink

Contact Us: admin [ a t ] ucptt.com