jquery - 返回 Bootstrap 导航选项卡选择的索引

Question

我想检查导航选项卡。如果当前选项卡例如 $('.nav-tabs li:eq(3) a.active') 处于事件状态，则 alert("3"); 如果选项卡没有4 然后alert("4");。任何帮助都会很好。

我的尝试

if($('.nav-tabs li:eq(3) a.active'))
{
  alert("3");
}

Answer 1

Bootstrap(我假设您使用的是 v3)具有您可以使用的事件回调:

$('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
  e.target // activated tab
  e.relatedTarget // previous tab
})

http://getbootstrap.com/javascript/#tabs

你可以像这样做你所要求的事情:

alert( $(e.target).closest('li').index() + 1 );

http://jsfiddle.net/isherwood/aHXm4/

<小时/>

回复您的评论:

http://jsfiddle.net/isherwood/aHXm4/2

if ($(e.target).closest('li').index() + 1 == 3) {
    var save = "jack";
    alert(save);
}