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

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