Jquery 选项卡在多个页面上处于活动状态，无需页面刷新

如果我在多个页面之间切换，如何使a选项卡在随后的每个页面上保持打开/活动状态

例如，在登录页上，我单击“英语”选项卡，然后单击“产品”链接，产品页上已打开英语选项卡

<ul class="nav navbar-nav" id="langTab">
<li role="presentation" class="active"><a href="#español" aria-controls="español" role="tab" data-toggle="tab">Español</a></li>
<li role="presentation" class=""><a href="#english" aria-controls="english" role="tab" data-toggle="tab">English</a></li>
</ul>

<div class="tab-content">
  <div class="tab-pane" id="español" role="tabpanel">Spanish content</div>
  <div class="tab-pane" id="english" role="tabpanel">English content</div>
</div>

西班牙语内容
英语内容

您可以在选项卡上添加事件侦听器，然后单击，然后将选项卡id保存在localstorage中，类似于这样

<a href="#español" aria-controls="español" onclick="tabClicked()" role="tab" data-toggle="tab">Español</a>

然后在

窗口中。onload

和

窗口中。onfocus

事件中

var activeTab = localStorage.getItem('active-tab');
// and trigger that tab
if (activeTab) {
    $('[href="' + activeTab + '"]').tab('show');

---

您可以尝试使用localstorage保存当前选项卡。并在打开新页面或页面被聚焦时获取该值

var activeTab = localStorage.getItem('active-tab');
// and trigger that tab
if (activeTab) {
    $('[href="' + activeTab + '"]').tab('show');