18

ナビゲーション バー (他のページにリンクするように設計されているように見える) をナビゲーション タブのセットのように動作させる方法はありますか (同じページにとどまり、目的のセクション以外はすべて非表示にします)。

$(".nav-tabs").button()実際、私の navbar は思い通りに動作しますが、他のことのために必要な を呼び出さない場合に限られます。これで、折りたたみ/折りたたみ解除は発生しません。

コードは次のとおりです（かなりボイラープレートです）：

<div class="navbar navbar-fixed-top">
 <div class="navbar-inner">
  <div class="container">
   <div class="nav-collapse collapse">
    <ul id="tab" class="nav">
     <li class="active"><a href="#Tab1" data-toggle="tab">Tab1</a></li>
     <li><a href="#Tab2" data-toggle="tab">Tab2</a></li>
     <li><a href="#Tab3" data-toggle="tab">Tab3</a></li>
    </ul>
    <a class="brand" href="#">NavTab Demo</a>
   </div>
  </div>
 </div>
</div>
<div class="container-fluid">
 <div class="row-fluid">
  <div class="span12">
   <div class="tab-content">
    <div class="tab-pane active" id="Tab1">
...
4

1 に答える 1

10

ナビゲーション リンクをタブとして配線することに明らかな問題は見られません。

ナビゲーション バーのスタイルをオーバーライドしないようにタブ クラスを省略し、属性を忘れないでくださいdata-(必要な場合)。

次に、ドキュメントで指定されているように JavaScript アクティベーションを使用する(またはdata-toggle="tab"属性を使用する) 必要があります。

すべてが機能するはずです。

編集bootstrap-tab.js：後世のために、 or bootstrap.js（または縮小版）の1つと関連するcssファイルも含める必要があります。

于 2012-08-01T20:44:12.843 に答える