2015-09-25 3 views
1

Я использую базовую структуру закладки Bootstrap, где я хочу запустить событие Javascript после нажатия на вкладку. Я не могу понять, как это сделать. Это код, который я придумал до сих пор:Bootstrap Nav Tabs - Fire 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

Смежные вопросы