Klicken Sie auf Ereignis in Bootstrap 3-Registerkarten

Ich habe Folgendes 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>

Ich brauche ein Ereignis, das beim Wechsel der tabs. Wie diese:

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

Habe ich versucht, eine Menge von Optionen, aber ich hatte keinen Erfolg. Ich werde für jede Hilfe dankbar.

Kommentar zu dem Problem - Öffnen
Versuchen Sie $('.nav-tabs").bind('click', function (e){ ... }); und nicht zu vergessen den DOM-ready-handler Kommentarautor: karthikr
@karthikr, danke, es ist Arbeit! Kommentarautor: Denis
"jQuery 1.7, die .auf () - Methode ist die bevorzugte Methode zum anfügen von Ereignishandlern an einem Dokument." von api.jquery.com/bind Kommentarautor: DanFromGermany

InformationsquelleAutor der Frage Denis | 2013-09-30

  1. 42

    Finale meine Lösung:

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

    InformationsquelleAutor der Antwort Denis

Schreibe einen Kommentar