突出显示引导程序3中的活动选项卡

Question

jsfiddle我的问题。

基本上，我使用的是Bootstrap 3 Tabs，它运行正常。我希望实现的是使用.tab-content DIV中的链接激活选项卡。现在这些链接工作正常并激活正确的标签，但他们不会更改background-color ul.nav-pills。因此，Javascript不会更改.active类适当的链接。任何人都可以指导我找到解决方案吗？

Answer 1

使用jQuery处理Bootstrap shown.bs.tab事件......

$('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
    var hash = $(e.target).attr("href");
    $('.nav a').filter('a[href="'+hash+'"]').tab('show');
});

http://www.codeply.com/go/oIJ45JT6lz