如何获得点击或活动的选项卡号码？

Question

HTML

<div class="tabbable tabs-left"> 
    <ul class="nav nav-tabs"> 
     <li><a href="#menu23" data-toggle="tab">Beethoven</a></li> 
     <li><a href="#menu24" data-toggle="tab">Bach</a></li> 
    </ul> 

    <div class="tab-content"> 
     <div class="tab-pane" id="menu23"> 
      item1 
     </div> 
     <div class="tab-pane" id="menu24"> 
      item2 
     </div> 
    </div> 

我想要得到的标签索引号不卡名称。

如：

• 如果Beethoven被点击，我需要0;
• 如果Bach被点击，我需要1;

我从这个document

$('#myTab a').click(function (e) { 
     e.preventDefault(); 
    // How do I get tab number....?? 
}); 

Answer 1

使这个代码试试这个：

$('.nav-tabs a').click(function (e) { 
    e.preventDefault(); 
    alert($($(this).attr('href')).index()); 
}); 

或者用引导的事件

$('a[data-toggle="tab"]').on('shown', function (e) { 
    $(e.target).index(); 
}) 

Answer 2

我们有直接的API为这一点。

currentIndex  

返回当前选项卡的从零开始的索引号。
for more- https://github.com/VinceG/twitter-bootstrap-wizard