jqueryを使用して特定のnav-tabsでBoostrapのアクティブタブを取得

Question

私は常にアクティブなタブを見つけるために以下のコードを使用していましたが、ビューには2つのナビがあり、両方に対してコードが発生します。どのようにNavsの1つとだけ発射させるには？

var activeTab = ""; 
$(document).on('shown.bs.tab', 'a[data-toggle="tab"]', function (e) { activeTab = e.target.hash; }); 

<div id="tabAAAA" class="tabbable"> 
    <ul class="nav nav-tabs"> 
    ........... 
    </ul> 
</div> 

<div id="tabBBB" class="tabbable"> 
    <ul class="nav nav-tabs"> 
    ........... 
    </ul> 
</div> 

Answer 1

]タブには、ユニークな試みaria-controls="1"を追加し、タブパネルでid="1"を追加しなければなりません。