Bootstrap Tab選項在不同的頁面

Question

我有三個不同的頁面在三個不同的頁面。如何在頁面刷新後保持不同的選項卡。如果我在第一頁中選擇第二個選項卡，則在其他頁中第二個選項卡也會被選中。下面是我的標籤

<ul class="nav nav-tabs" role="tablist"> 
    <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">Home</a></li> 
    <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">Profile</a></li> 
    <li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">Messages</a></li> 
    <li role="presentation"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab">Settings</a></li> 
    </ul> 

    <!-- Tab panes --> 
    <div class="tab-content"> 
    <div role="tabpanel" class="tab-pane active" id="home">...</div> 
    <div role="tabpanel" class="tab-pane" id="profile">...</div> 
    <div role="tabpanel" class="tab-pane" id="messages">...</div> 
    <div role="tabpanel" class="tab-pane" id="settings">...</div> 
    </div> 

Answer 1

您可以使用您的鏈接哈希通過JavaScript來激活從URL中任何標籤的代碼。

網址：http://someurl.com/#tab-id

$(function(){ 
    if(window.location.hash!=''){ 
    var hash=window.location.hash; 
    $('.nav-tabs a[href='+hash+']').click(); 
    } 
}