引導標籤改變

Question

我有這個選項卡中引導：

<ul class="nav nav-tabs" id="feedtab"> 
    <li class="active"><a href="#atlass" data-toggle="tab">Atlass</a></li> 
    <li><a href="#avi" data-toggle="tab">Aviation</a></li> 
    <li><a href="#proc" data-toggle="tab">Processing</a></li> 
    <li><a href="#it" data-toggle="tab">IT&S</a></li> 
</ul> 

<div class="tab-content"> 
    <div class="tab-pane active" id="atlass"><div id="updates" data-id-type="1"><div class="alert alert-default well" style="background-color: #f1f1f1"><i class="fa fa-spinner fa-spin"></i> Portal is Initilizing... Please Wait.</div></div></div> 
    <div class="tab-pane" id="avi"><div class="well" style="background-color: lightsteelblue;">Aviation Feed Will go here.</div></div> 
    <div class="tab-pane" id="proc"><div class="well" style="background-color: lightsteelblue;">Processing Feed Will go here.</div></div> 
    <div class="tab-pane" id="it"><div class="well" style="background-color: lightsteelblue;">IT&S Feed will go here.</div></div> 
</div> 

我如何在jQuery的時候主動標籤被改變的事件或soemthing？

我想在活動標籤更改時調用javascript函數。

我已經嘗試過這一點，但dosent工作：

<script> 

$('#feedtab [data-toggle="tab"]').on('shown.bs.tab', function (e) 
{ 
    alert('test'); 
}) 


</script> 

Answer 1

直出the documentation

有一些被解僱 show.bs.tab & shown.bs.tab作爲其名稱的兩個事件意味着在顯示新內容之前會被解僱，而另一個之後。

$('a[data-toggle="tab"]').on('shown.bs.tab', function (e) { 
    //e.target -> activated tab 
    //e.relatedTarget -> previous tab 
});