0

ドロップダウンとモーダル ポップアップを呼び出して、bootstrap.js が機能することを確認しました。どちらも機能しますが、ツールチップを機能させようとすると失敗します。ドキュメントhereから私が理解している限り、これを配置するだけで済みます。

<a href="#" data-toggle="tooltip" title="" data-original-title="Default tooltip">you probably</a>

ただし、ツールチップはまったく表示されません。それでも、以下と同じ API で呼び出すドロップダウンは機能します。

<div class="dropdown">
    <a class="dropdown-toggle" id="dLabel" role="button" data-toggle="dropdown" data-target="#" href="/page.html">
        Dropdown
        <b class="caret"></b>
    </a>
    <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
        ...
    </ul>
</div>
4

1 に答える 1

4

ツールチップの使い方が間違っています。属性を指定するだけで済みます。titleツールチップ プラグインがdata-original-titleそれ自体を設定します。

また、ドキュメントから：

パフォーマンス上の理由から、ツールチップとポップオーバーのデータ API はオプトインされています。つまり、自分で初期化する必要があります。

したがって、次のようにします。

$('[data-toggle="tooltip"]').tooltip()

キャッチオールとして。ただし、適切なパフォーマンスを維持するために、選択する要素の数を減らしたい場合がほとんどです。

于 2013-07-06T11:12:19.857 に答える