jQuery選項卡，從不同文件鏈接到特定選項卡

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

我完全不能理解你的問題，但這裏是我能夠幫助你瞭解我的理解。

您想使用關於頁面中的ID打開特定選項卡。

嘗試使用此代碼在您的about.html頁的末尾，

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

Answer 2

謝謝vigneshmoha，

似乎有人問「相同」的問題，以及，我們前往在關於散列的正確方向上。

Bootstrap tabs opening tabs on another page