0

我正在使用 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>

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

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

4

2 回答 2

0

谢谢你vigneshmoha，

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

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

于 2013-10-31T00:12:35.107 回答
0

我无法完全理解您的问题，但这是我可以帮助您了解的内容。

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

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

$(document).ready(function() {
   var hash = location.hash;
   $(hash).tab('show');
});
于 2013-10-05T08:50:00.217 回答