Javascript jQuery选项卡，从不同文件链接到特定选项卡

我正在使用Bootstrap3创建一个简单的站点。 我在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>

我一直在阅读这个解决方案：但是我不完全理解将脚本放在哪里（以及为什么）。不确定这是在同一个html文档中还是在不同的html文档之间，这正是我需要的

---

有什么建议吗？（正如您可能看到的，我对JS/jQuery不是很精通）。谢谢大家!

我不能完全理解你的问题，但以下是我能帮助你理解的

您希望使用“关于”页面中的ID打开特定选项卡

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

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

谢谢你vigneshmoha

似乎有人也问了“相同”的问题，我们在哈希问题上的方向是正确的

---

谢谢，我想做的是：在aboutus.html文件中设置选项卡，然后在其他部分（index.html、contact.html等）的页脚上设置一些指向特定选项卡的链接。您正在使用引导功能，对吗？在其他部分的锚定标记中传递选项卡链接的ID。您可以使用

location.hash

从URL获取ID，例如检查以下链接

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