Kliknij wydarzenie w bootstrap 3 zakładkach

Question

Mam następujące HTML:

<div id="channels"> 
    <ul class="nav nav-tabs" id="ul-channels"> 
     <li class="channel" data-roomid="lobby"><a class="link-channel" href="#lobby" data-toggle="tab">lobby</a></li> 
     <li class="channel active selected" data-roomid="test"><a class="link-channel" href="#test" data-toggle="tab">test</a></li> 
    </ul> 
</div> 

Potrzebuję zdarzenie, które występuje podczas przełączania kart. W ten sposób:

$('.nav-tabs a').click(function (e) { 
    alert("Q"); 
}); 

Próbowałem wielu opcji, ale nie udało mi się. Będę wdzięczny za każdą pomoc.

Answer 1

Ostateczna moje rozwiązanie.

$(document).on('shown.bs.tab', 'a[data-toggle="tab"]', function (e) { 
    console.log(e.target) // activated tab 
})