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>

私はこの解決策を読んでいます: jqueryによる特定のタブへのリンクですが、スクリプトをどこに(そしてなぜ)置くべきか完全には理解していません。それが同じhtmlドキュメント内にあるのか、異なるドキュメントの間にあるのかはわかりませんが、それが私が必要としているものです。

何かアドバイス？(ご覧のとおり、私は JS/jQuery にそれほど精通していません)。ありがとうございました！

4

2 に答える 2

0

私はあなたの質問を完全に理解することはできませんが、私が理解していることであなたを助けることができるものはここにあります.

aboutページのIDを使用して特定のタブを開きたいとします。

about.html ページの最後でこのコードを使用してみてください。

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

ありがとうございます

誰かが「同じ」質問をしたようで、ハッシュに関しては正しい方向に向かっていました。

別のページのタブを開くブートストラップ タブ

于 2013-10-31T00:12:35.107 に答える