选择引导导航选项卡时返回索引

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);
}