在視圖中爲默認選項卡

Question

打開第二個選項卡我有一個鏈接到這裏一個動作：

<a ng-if="dashBoardInformation.isVisible" 
ng-href="@Url.Action("SomeController", "Home")?id= {{siteSelection.siteCode}}#tab2"> Payment 
</a> 

後，我點擊它，它不能去tab2標籤。改爲tab1。所有選項卡如下所示：

<div class="container-fluid" ng-disabled="isLoading">  
<!--Tab Menu Start -->  
<tabset>   
    <tab heading="Accounts" href="#tab1" data-toggle="tab"> </tab>   
    <tab heading="Payment" href="#tab2" data-toggle="tab"> </tab>   
</tabset>  
</div> 

任何人都可以告訴我如何將第二個選項卡作爲默認選項卡？我認爲Url.Action有一些問題。

我的想法至今都：

1. 點擊該鏈接後，從tab1刪除active類，並添加 active類tab2。
   1. 將另一個參數string TabID添加到 的操作方法。

Answer 1

你需要利用引導API選擇選項卡。它不會自動發生。該代碼基本上是：

$tab.tab('show'); 

哪裏$tab是實際的標籤元素，而不是當你點擊它時顯示的內容。爲了達到這個目的，我建議這樣的：

$(document).ready(function() { 
    if (location.hash !== '') { 
     $('[data-toggle=tab][href=' + location.hash + ']').tab('show'); 
    } 
});