Click 이벤트

Question

나는 다음과 같은 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> 

내가 탭을 전환 할 때 발생하는 이벤트가 필요합니다. 이와 같이 :

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

나는 많은 선택을 시도했지만 성공하지 못했습니다. 나는 어떤 도움을 주셔서 감사합니다.

Answer 1

마지막 내 솔루션 :.

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