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

Question

jsfiddle我的问题。

基本上，我使用Bootstrap 3 Tabs，它工作正常。我期望实现的是使用.tab-content DIV中的链接激活选项卡。现在这些链接工作正常，并且激活了正确的选项卡，但是它们不会更改background-color的ul.nav-pills。所以Javascript不会改变.active类的适当链接。任何人都可以指导我解决问题吗？

Answer 1

手柄使用jQuery的引导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