7

Bootstrap でナビゲーション タブを作成しましたが、最初のタブは他のタブがクリックされるまで自動ロードされません。他のタブをクリックした後、最初のタブを使用できます。

これがフィドルです：http://jsfiddle.net/GGMWX/416/

基本的に、スクリプトが読み込まれると、[削除] ナビゲーション タブに [削除] ボタンが表示されません。[削除] ナビゲーション タブがアクティブになり、読み込まれるのは、[昇格] または [元に戻す] ナビゲーション タブをクリックしたときだけです。

      <!-- Body content -->
  <ul class="nav nav-tabs nav-justified" data-tabs="tabs">
     <li class="active"><a href="#1" data-toggle="tab">Delete File</a></li>
     <li><a href="#2" data-toggle="tab">Promote</a></li>
     <li><a href="#3" data-toggle="tab">Revert</a></li>
  </ul>

  <br>
     <form class="form-inline tab-pane" id="1">
     <input class="btn btn-primary" id="deleteFileButton" type="button" value="Delete File" />
     </form>

         <form class="form-inline tab-pane" id="2">
    <input class="btn btn-primary" id="promoteManifestButton" type="button" value="Promote" />
     </form>

     <form class="form-inline tab-pane" id="3">
    <input class="btn btn-primary" id="revertButton" type="button" value="Revert Release" />
     </form>
</div>
4

1 に答える 1

12

に加えて、デフォルトでtab-paneを設定する必要があります。activeli

<form class="form-inline tab-pane active" id="1">
于 2013-08-01T00:13:11.527 に答える