Bootstrap tabpanel которая выбрана вкладка

Question

Я использую самозагрузки tabpanel так:

<div class="row spiff_tabs_body"> 
      <!-- Nav tabs --> 
      <ul class="nav nav-tabs spiff_tabs" role="tablist"> 
       <li role="presentation" class="active"> 
        <a href="#home" aria-controls="home" role="tab" data-toggle="tab" onclick="FormGet('dashboard/delayedspiff', 'delayedspiff')">Potential Spiff</a> 
       </li> 
       <li role="presentation"> 
        <a href="#profile" aria-controls="profile" role="tab" data-toggle="tab" onclick="FormGet('dashboard/instantspiff', 'delayedspiff')">Instant Spiff</a> 
       </li> 
      </ul> 
      <!-- Tab panes --> 
      <div class="tab-content"> 
       <div role="tabpanel" class="tab-pane active" id="delayedspiff"></div> 
       <div role="tabpanel" class="tab-pane" id="instantspiff"></div> 
      </div> 
     </div> 
    </div> 
</div> 

Использование JavaScript Мне нужно выяснить, какая вкладка пользователь. Я не уверен, как это сделать. Я много читал о выборе активной вкладки, но я не могу узнать, как проверить, какая вкладка выбрана пользователем.

Обновлено:

Я забыл упомянуть, я должен быть в состоянии проверить в условном, если заявление, в котором выбирается вкладка, а затем сделать что-то на основе того, какая вкладка активна.

мне нужно сделать что-то вроде этого:

<script> 
$('a[data-toggle="tab"]').on('shown.bs.tab', function (e) { 
    // here is the new selected tab id 
    var selectedTabId = e.target.id; 
}); 

var id = $('.tab-content .active').attr('id'); 
if (id == "instantspiff") { 
    alert("instantspiff"); 
} 
else { 
    alert("delayedspiff"); 
} 
</script> 

Answer 1

проверки этого

var id = $('.tab-content .active').attr('id'); 
if(id == "delayedspiff") { 
    alert("delayedspiff"); 
} 
else { 
    alert("instantspiff"); 
} 

при нажатии на вкладку добавить этот

$('a[data-toggle="tab"]').on('shown.bs.tab', function (e) { 
    // here is the new selected tab id 
    var selectedTabId = e.target.id; 
}); 

Answer 2

Получить идентификатор вкладки, который является активным, используя JQuery, потому что он встроен в Bootstrap:

id = $(".active").attr('tab-pane id'); 

А потом, просто сделать ваш материал на:

$('#' + id)