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>

我一直在阅读这个解决方案：link to a specific tab by jquery但是我并不完全了解放置脚本的位置（和原因）。不确定这是在同一个html文档中还是在不同文档之间，这是我需要的。

有什么建议吗？（正如你可能看到我对JS / jQuery的熟练程度不高）。谢谢！

Answer 1

我无法完全理解你的问题，但我能用你理解的东西帮助你。

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

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

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

Answer 2

谢谢你vigneshmoha，

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

Bootstrap tabs opening tabs on another page

jQuery选项卡，链接到不同文件中的特定选项卡

2 个答案: