jQuery Tabs，链接到其他文件中的特定选项卡

Question

我正在使用Bootstrap 3创建一个简单的网站。 我在about.html上创建了一些具有不同内容的选项卡。

<ul class="nav nav-tabs" id="TabSomos">
<li class="active"><a href="#somos" data-toggle="tab">Quienes Somos</a></li>
<li><a href="#nosotros" data-toggle="tab">Nosotros</a></li>
<li><a href="#calidad" data-toggle="tab">Calidad</a></li>
</ul>

<article class="tab-content">
<div class="tab-pane active" id="somos">...</div>
<div class="tab-pane" id="nosotros">...</div>
<div class="tab-pane" id="calidad">...</div>
</article>

我想从index.html创建打开不同选项卡的链接。 我为每个标签创建了一个ID。 但是，由于它是“隐藏”的，因此无法正常工作。

<a href="nosotros.html#calidad">Modelos de Calidad</a>

我一直在阅读此解决方案： 通过jquery链接到特定选项卡，但是我不完全了解将脚本放置在何处（为什么）。 不知道这是在同一个html文档中还是在不同的html文档之间，这就是我需要的东西。

有什么建议吗？ （您可能会看到，我对JS / jQuery并不是很熟练）。 谢谢！

Answer 1

我无法完全理解您的问题，但这是我可以为您提供的帮助。

您要使用“关于”页面中的ID打开特定标签。

尝试在about.html页面末尾使用此代码，

$(document).ready(function() {
   var hash = location.hash;
   $(hash).tab('show');
});

Answer 2

谢谢vigneshmoha，

似乎有人也提出了“相同”的问题，而我们正朝着正确的方向前进。

引导程序选项卡在另一页上打开选项卡