0

Bootstrap 3を使用しています。タブのドキュメントには

JavaScript を介してタブ可能なタブを有効にします (各タブを個別に有効にする必要があります)

ドキュメントでは、各タブにオンクリックを追加して、クリックのデフォルトを防ぎ、タブを表示するように言っています。しかし、彼らはまた、追加するとうまくいくとも言っていdata-toggleます。

そして、以下はChrome、IE、FFでうまく機能するようです。最初の錠剤がデフォルトで選択されています。他のピルをクリックすると、適切なコンテンツがフェード インします。

Q: ピルを適切に「有効にする」ために、追加の js を追加する必要がありますか? これはドキュメントのエラーですか、それとももっとやる必要がありますか?

PSを追加しました。タブを機能させるには JS が必要であることは確かに認識しています。私の質問は、バニラのケースでタブを起動して実行するために必要な場合、明示的な JS スクリプトについてです。

<ul class="nav nav-pills" id="myTab">
  <li class="active"><a href="#home" data-toggle="pill">Home</a></li>
  <li><a href="#profile" data-toggle="pill">Profile</a></li>
  <li><a href="#messages" data-toggle="pill">Messages</a></li>
</ul>

<div class="tab-content">
  <div class="tab-pane active fade in" id="home">
    blah blah blah
  </div>
  <div class="tab-pane fade" id="profile">
    blah blah blah
  </div>
  <div class="tab-pane fade" id="messages">
    blah blah blah
  </div>
</div>
4

1 に答える 1

1

タブドキュメントのマークアップ部分の下に

「JavaScript を記述しなくても、タブまたはピル ナビゲーションを有効にできます」

これは、javascript を使用するか、data-* 属性を設定するだけで実行できることを示しています。すべてではないにしても、ほとんどの Bootstraps JavaScript 機能はこのように動作します。適切な data-* 属性を提供するだけで、Bootstrap に実行させる JavaScript イベントを書き出すことで機能を有効にすることができます。

bootstrap.js実行する関数があり、存在する場合はこれらの属性に基づいてイベントを自動的にセットアップします。

于 2013-09-22T05:54:27.477 に答える