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(); 
    } 
}