Bootstrap Nav选项卡 - 启动Javascript

Question

我使用的是基本Bootstrap选项卡结构，其中我希望在单击选项卡时触发Javascript事件。我无法弄清楚如何做到这一点。这是我想出了迄今为止代码：

  <ul class="nav nav-tabs nav-justified"> 
       <li class="active"><a data-toggle="tab" href="#tab1"> tab(<?php echo $count ?>) </a></li> 
       <li><a data-toggle="tab" href="#menu2"> tab(<?php echo $count3 ?>) </a></li> 
       <li><a data-toggle="tab" href="#menu1"> tab(<?php echo $count2 ?>) </a></li>      
      </ul> 

和JavaScript：

$("#menu2").click(function() { 
     alert('yes, the click actually happened'); 
    }); 

Answer 1

$('.nav-tabs a[href="#menu2"]').click(function() { 

Answer 2

你要做的：

$('[href=#menu2]').on('shown.bs.tab', function (e) { 
      alert('Your Code') 
}); 

在标签上显示此事件后标签已被显示。使用event.target和event.relatedTarget分别定位活动选项卡和上一个活动选项卡（如果可用）。

http://getbootstrap.com/javascript/