[解決済み】Twitter Bootstrapのdata-toggle属性について

2022-04-02 07:05:36

質問

とは何ですか？ data-toggle 属性は、Twitter Bootstrapでどのように機能するのでしょうか？Bootstrap APIで答えを見つけることができませんでした。

以前にも同じような質問を見たことがあります。リンク . でも、あまり役に立たなかった。

解決方法は？

これはBootstrapのデータ属性で、要素をウィジェットの種類に自動的にフックするものです。Data-*はhtml5仕様の一部で、data-toggleはBootstrapに特化したものです。

いくつかの例

data-toggle="modal"
data-toggle="collapse"
data-toggle="dropdown"
data-toggle="tab"

を経由して Bootstrap JavaScript ドキュメントでdata-toggleを検索すると、コードの例で使用されているのがわかります。

動作例を一つ。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/>

<div class="dropdown">
  <a class="dropdown-toggle" data-toggle="dropdown" href="#">Dropdown trigger</a>
  <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
    <li><a href="#">Item</a></li>
  </ul>
</div>

[解決済み】Twitter Bootstrapのdata-toggle属性について

質問

解決方法は？

関連

[解決済み】未定義のプロパティ 'forEach' を読み取ることができない

[解決済み】JavaScriptで「無効な日付」のDateインスタンスを検出する

[解決済み] JavaScriptで "use strict "は何をするのか、その根拠は？

[解決済み] let "と "var "の使い分けは？

[解決済み] JavaScriptでオブジェクトをディープクローンする最も効率的な方法は何ですか？

[解決済み] Node.jsを使うタイミングをどう判断するか？

[解決済み] JavaScriptで日付の書式設定に関するドキュメントはどこにありますか？

[解決済み] Twitter Bootstrap 3を使用して列を中央に配置する

[解決済み] jQueryでdata属性で要素を選択する

[解決済み] ブートストラップ・モーダルにデータを渡す

最新

nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)

htmlページでギリシャ文字を使うには

ピュアhtml+cssでの要素読み込み効果

純粋なhtml + cssで五輪を実現するサンプルコード

ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード

タイピング効果を実現するピュアhtml+css

htmlの選択ボックスのプレースホルダー作成に関する質問

html css3 伸縮しない画像表示効果

トップナビゲーションバーメニュー作成用HTML+CSS

html+css 実装サイバーパンク風ボタン

おすすめ

[解決済み] jQueryで、ユーザーがそのフィールドを編集している間、テキストフィールドの最初の文字を大文字にするにはどうすればよいですか？

[解決済み】webpack: モジュールが見つかりません。Error: 解決できない(相対パスで)

[解決済み】JavaScriptのinnerHTMLで要素が更新されない

[解決済み】最大呼び出しスタックサイズ超過エラーとその修正方法とは？

[解決済み】「Uncaught TypeError: Chromeで "Illegal invocation "が発生する。

[解決済み】ある要素を別の要素に移動させるには？

[解決済み】Uncaught ReferenceError。Reactが定義されていない

[解決済み】JS ファイルが net::ERR_ABORTED 404 (Not Found) を取得する）

[解決済み】未定義のプロパティ 'forEach' を読み取ることができない

[解決済み] Uncaught (in promise) TypeError: フェッチに失敗してCorsエラー