Markieren Sie aktive Registerkarten im Bootstrap 3

Question

jsfiddle meines Problems.

Grundsätzlich verwende ich Bootstrap 3 Tabs und es funktioniert gut. Was ich erreichen möchte, ist die Aktivierung der Tabs über Links innerhalb der .tab-content DIV. Jetzt funktionieren diese Links gut und aktivieren die richtigen Registerkarten, aber sie ändern nicht die background-color von ul.nav-pills. Das Javascript ändert also nicht die .active Klasse der entsprechenden Links. Kann mich jemand zu einer Lösung führen?

Answer 1

die shown.bs.tab Ereignis Bootstrap Griff jQuery mit ...

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