variables - 如何保存主题标签值并在页面加载时恢复？

Question

我试图弄清楚如何保存然后恢复 url 中的主题标签值。我这样做是为了使所选的选项卡在页面重新加载时保持不变。我正在使用引导 atm，选项卡的代码是

  <div class="tabbable">
    <ul class="nav nav-pills">  
    <li class="active"><a href="#na" data-toggle="tab">North America</a></li>
    <li><a href="#euw" data-toggle="tab">Europe West</a></li>
    <li><a href="#eune" data-toggle="tab">Europe Nordic & East</a></li>
    <li><a href="#br" data-toggle="tab">Brazil</a></li>
    <li><a href="#kr" data-toggle="tab">Korea</a></li>
    </ul>
...(other stuff here that doesn't really matter)

对此的任何帮助都会很棒！

Answer 1

使用 JavaScript cookie。

1. 为每个标签添加一个 onclick 事件。在这种情况下，使用 div 的名称保存一个 cookie。

2. 页面加载后，检查该 cookie 是否存在。如果是这样，则在具有该 ID 的 div 上模拟单击（例如，使用 jQuery 的 .click() 函数）。