Javascript 单击引导3选项卡中的事件

我有以下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>

我尝试了很多选择，但没有成功。我将感谢您的帮助。

我的最终解决方案：

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

---

尝试

$（'.nav tabs'）.bind（'click'，函数（e）{…}）并且不要忘记DOM就绪handler@karthikr，谢谢，这是工作！“从jQuery 1.7开始，.on（）方法是将事件处理程序附加到文档的首选方法。”从如何更改此代码，以便在[data toggle=“tab]”上触发最后一个事件，但如果在任何其他选项卡上触发另一个事件。@Greg L，我想我们应该尝试以下方法：$（文档）。on（'show.bs.tab'，a[data toggle=“tab”]：last'，函数（e）{console.log（e.target）//activated tab}）$（文档）。在（'show.bs.tab'，'a[data toggle=“tab”]：not（：last）'上，函数（e）{console.log（e.target）//activated tab}）良好。但是，如果再次单击当前打开的选项卡，我如何获得事件？@Bryce，据我所知，show.bs.tab和show.bs.tab不允许执行此任务。知道官方指南中给出的为什么不起作用，需要使用“文档”吗？
$(document).on( 'shown.bs.tab', 'a[data-toggle="tab"]', function (e) {
   console.log(e.target) // activated tab
})