bootstrap中tab的跳转问题

bootstrap中tab的跳转问题

 <ul id="countTab" class="nav nav-tabs">
       <li class="active">
            <a href="#pbcount" data-toggle="tab">计算</a>
       </li>
       <#if user??>
       <li>
            <a href="#pbhistory" data-toggle="tab" onclick="getHistoryList()">历史记录</a>
       </li>
       </#if>
 </ul>

 <div id="myCountTabContent" class="tab-content">
       <div class="tab-pane fade in active" id="pbcount">
            <#include "count_detail.ftl">
       </div>
       <div class="tab-pane fade" id="pbhistory">
            <#include "count_history.ftl">
       </div>
 </div>

$('#countTab a[href="#pbcount"]').tab('show');// 通过名称选取标签页；
$('#countTab a:first').tab('show');    // 选取第一个标签页；
$('#countTab li:eq(0) a').tab('show');// 选取第1个标签页（从 0 开始索引）。          

这三种方式都可以实现tab的跳转。