2

タブを含むブートストラップモーダルを使用します。モーダルは、phpで生成されたギャラリー名のテーブルから呼び出されます。

テーブルデータ

<td>
<a href="#" class="galName" data-target="#myModal" data-toggle="modal" id="update_<?php echo $gal['id']; ?>" >
<?php echo $gal['name']; ?>
</a>
</td>

モーダルが開き、最初の射撃時に最初のタブが選択されます。別のタブに移動してモーダルを閉じ、別のギャラリーを選択すると、モーダルが開いて最後に開いていたタブが表示されます。

モーダルを開いたときに、常に最初のタブが開くようにするにはどうすればよいですか？

モーダルタブ

<ul id="myTab" class="nav nav-tabs">
  <li class="active">
       <a href="#home" data-toggle="tab">Home</a>
  </li>
  <li class="">
       <a id="uploadRevision" href="#upload" data-toggle="tab">Upload Revision</a>
  </li>
  <li class="">
       <a href="#editRev" data-toggle="tab">Edit Revision</a>
   </li>
 </ul>

.galNameは、最初のタブをデフォルトとして設定するためにinitUpdate関数を起動します。タブを設定しますが、タブの内容は表示されません。

function initUpdate()
{ 
  $('#myModal a:first').tab('show');
}

助けてくれてありがとう。

4

2 に答える 2

8

解決策を見つけました。tab と tabContent の両方から class="active" を削除する必要があります。@merv に感謝 - https://stackoverflow.com/a/11762931/1214858

于 2012-12-06T18:33:52.827 に答える
-1

単純; クラス「アクティブ」を使用して、ロード時に特定のタブを表示します。

以下のように:

<!-- Nav tabs -->
<!-- content tabs -->

タブのナビゲーションとアクティブにしたいコンテンツの上記のliでclass="tab-pane active"を削除します。

于 2015-02-20T18:23:28.943 に答える