twitter-bootstrap - 如何获取标签的点击数或活动数？

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；

我从这个文档制作了这段代码

$('#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

如果你想在没有点击事件的情况下这样做，你可以使用这个：

var tabIdx = $('.dashboardTab.active').data("tabidx");
console.log(tabIdx);

Answer 3

我们有这方面的直接 API。

currentIndex    

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