[问题] 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