ブートストラップのアクティブなタブをハイライト表示3

Question

jsfiddle私の問題。

基本的にはBootstrap 3 Tabsを使用しており、正常に動作しています。私が達成しようとしているのは、.tab-content DIV内のリンクを使用してタブをアクティブにすることです。これらのリンクは正常に動作しており、正しいタブを有効にしていますが、background-colorはul.nav-pillsに変更されません。したがって、JavaScriptは適切なリンクの.activeクラスを変更していません。誰かが私を解決策に導くことができますか？

Answer 1

は...完全に働いた

$('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