2015-09-25 60 views
1

我使用的是基本Bootstrap選項卡結構,其中我希望在單擊選項卡時觸發Javascript事件。我無法弄清楚如何做到這一點。這是我想出了迄今爲止代碼:Bootstrap Nav選項卡 - 啓動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'); 
    }); 

回答

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

來源:http://www.w3schools.com/bootstrap/bootstrap_ref_js_tab.asp – Dannn

+0

感謝,直複製和工作! – Frog82

0

你要做的:

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

在標籤上顯示此事件後標籤已被顯示。使用event.target和event.relatedTarget分別定位活動選項卡和上一個活動選項卡(如果可用)。

http://getbootstrap.com/javascript/

+0

我用其他的答案,但我還是謝謝你 – Frog82