作者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/cn.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