重定向页面后，保持选中最后选择的选项卡

Question

如何在重定向到另一个页面然后返回后将最后选择的选项卡保持为选中状态？对我来说，在轨道上的ruby中重定向后，第一个选项卡被选为默认选项卡。

Answer 1

使用Bootstrap 3选项卡式内容标记作为示例：

<ul class="nav nav-tabs">
  <li class="active"><a href="#overview" data-toggle="tab">Overview</a></li>
  <li><a href="#foo" data-toggle="tab">Debug</a></li>
  <li><a href="#stats" data-toggle="tab">Latest Usage Data</a></li>
  <li><a href="#ips" data-toggle="tab">IP Addresses</a></li>
</ul>

插入此Jquery：

$(function(){
  if(location.hash != null){
    $("[href=" + location.hash + "]").click();
  };
});

使用命名锚的标准语法访问#foo。

http://example.com/wigets/3#foo

Answer 2

你可以使用Javascript和JQuery，你可以说：

$(document).ready(function() {
  $("#tabs-element").trigger('click');
});

Answer 3

根据您管理标签的方式，只需在网址中传递锚名称即可（.e.g＃my-tab）。

通常，这适用于Twitter Bootstrap的标签。