在Tab Nav中设置Active Tab来自另一个链接Bootstrap

Question

编辑：这不是我的主导航栏，它是表单中的导航栏。此选项卡导航仅存在于resources-terms.html

中

我的标签导航位于resources-terms.html

<div class="tabbable">
  <ul class="nav nav-tabs" id="tab_bar">
      <li class="active"><a href="#tab1" data-toggle="tab"><i class="glyphicon glyphicon-pencil"></i>AU and NZ Terms & Conditions</a></li>
      <li><a href="#tab2" data-toggle="tab"><i class="glyphicon glyphicon-user"></i> UK Terms & Conditions </a></li>
   </ul>

    <div class="tab-content">
        <div class="tab-pane active" id="tab1"> Content 1</div>
        <div class="tab-pane active" id="tab2"> Content 2</div>
    </div>
</div>

我们正在查看index.html我应该选择并激活tab2直接转到resources-terms.html的链接格式是什么？

我尝试<a href="resources-terms.html#tab2>Link</a>"但没有效果。

Answer 1

您正在寻找的内容（通过location.hash值导航到特定标签）不会自行发生。您需要在resources-terms.html文件中处理此问题。

页面完全加载后，读取哈希并将相应的选项卡设置为活动，如下所示：

$(document).ready(function(){
    if (location.hash) {
        $('a[href=' + location.hash + ']').tab('show');
    }
});