jQuery Tabs，链接到来自不同文件的特定选项卡答案

【问题标题】：jQuery Tabs, link to specific tab from a different filejQuery Tabs，链接到来自不同文件的特定选项卡
【发布时间】：2013-10-05 08:20:22
【问题描述】：

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

<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>

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

有什么建议吗？（正如你所见，我对 JS/jQuery 并不是很精通）。谢谢！

【问题讨论】：

标签： javascript jquery html twitter-bootstrap tabs

【解决方案1】：

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

您想使用关于页面中的 ID 打开特定选项卡。

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

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

【讨论】：

谢谢，我想做的是：在 aboutus.html 文件中有标签，然后在其他部分的页脚（index.html、contact.html 等） on) 有一些指向特定标签的链接。
您使用的是引导程序对吗？在其他部分的锚标记中传递选项卡链接的 ID。您可以使用 location.hash 从 URL 中获取 ID 例如检查以下链接 http://jsfiddle.net/LZ2ar/1/

【解决方案2】：

谢谢你，Vigneshmoha，

似乎有人也问了“相同”的问题，我们在哈希方面朝着正确的方向前进。

Bootstrap tabs opening tabs on another page

【讨论】：