0

現在、Bootstrap 3.3.4 を使用しており、提供されている JQuery タブを使用しています。私がやろうとしているのは、タブの 1 つを div ではなく特定のリンクに移動させることです。これが私がやりたいことの簡単な例です:

<ul class="nav nav-tabs">
   <li class="active" id="title-one"><a href="#tab1">TAB 1</a></li>
   <li id="title-two"><a href="#tab2">TAB 2</a></li>
   <li id="title-three"><a href="www.google.com">TAB 3</a></li>
</ul>
<div class="tab-content">
    <div id="tab1" class="tab-pane fade in active">Content 1</div>
    <div id="tab2" class="tab-pane fade ">Content 2</div>
</div>

したがって、基本的に、「特定の div」に移動する代わりにタブ 3 をクリックすると、タブから href の実際のリンクにリダイレクトされます。一部のbs jsがアクションを回避しているのか、それとも追加のjsを追加する必要があるのか​​ わかりません。

ここにも小さなフィドルがあります: https://jsfiddle.net/x3axxru9/

私はあなたの助けに感謝します!

4

2 に答える 2