web-dev-qa-db-fra.com

Cliquez sur l'événement dans bootstrap 3 onglets

J'ai le HTML suivant:

<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>

J'ai besoin d'un événement qui se produit lors du changement d'onglet. Comme ça:

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

J'ai essayé beaucoup d'options, mais je n'ai pas réussi. J'apprécierai toute aide.

javascriptjqueryjavascript-eventsonclicktwitter-bootstrap-3
17
Denis

La dernière ma solution:

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