Javascript 导航栏链接到特定引导选项卡而不打开新窗口或选项卡？

我正在运行bootstrap3，在我的

navbar

中有链接指向“类别”页面上的Bootstrap选项卡，如下所示：

<li><a href="/category/#tab1">Tab1</a></li>
<li><a href="/category/#tab2">Tab2</a></li>

在我的“分类”页面上，以下是我的选项卡代码：

<ul class="nav nav-tabs" id="myTabs">
    <li class="active"><a data-toggle="tab" href="#tab1">Tab 1</a></li>
    <li><a data-toggle="tab" href="#tab2">Tab 2</a></li>
</ul>

<div class="tab-content">
    <div id="tab1" class="tab-pane fade in active">
        <h3>Tab 1</h3>
        <p>Some content.</p>
    </div>
    <div id="tab2" class="tab-pane fade">
        <h3>Tab 2</h3>
        <p>Some content in Tab 2.</p>
    </div>
</div>

表1
一些内容

表2
表2中的一些内容

我应该如何使用html或jquery/javascript，以便如果人们点击导航栏中的任何一个链接，无论它是来自不同的页面还是来自“类别”页面，都可以打开该选项卡进入该页面

我不希望链接在另一个窗口或选项卡中打开，而是希望用户当前所在的同一个窗口/选项卡。（我已经尝试过这个解决方案，将

target=“_blank”

放在

navbar

中的链接中，并添加

$（'#myTabs a[href=“'+window.location.hash+'”）.tab（'show'）；

作为javascript。这不是我首选的解决方案

---

您有什么建议/解决方案吗？

我想这就是您想要的。 它不考虑可变数量的选项卡，但它可以处理两个选项卡。

$（文档）.ready（函数（）{
$tab1=$（“#tab1”）；
$tab2=$（“#tab2”）；
$tablink1=$（'link#tab1'）；
$tablink2=$（'link#tab2'）；
$（'#linktab1 a'）。在（'click'，function（）上{
$tablink1.addClass（“活动”）；
$tab1.addClass（“活动”）；
$tab2.removeClass（“活动”）；
$tablink2.removeClass（“活动”）；
});
$（'#linktab2 a'）。在（'click'，function（）上{
$tablink2.addClass（“活动”）；
$tab2.addClass（“活动”）；
$tab1.removeClass（“活动”）；
$tablink1.removeClass（“活动”）；
});
})；

表1
一些内容

表2
表2中的一些内容