web-dev-qa-db-ja.com

Bootstrap 3つのツールチップまたはポップオーバーが機能しない

Django Twitterで設計されたフロントエンドのアプリケーションBootstrap 3。 ..しかし、私は私の人生のためにポップオーバーのツールチップを何もすることができません...

Firebugでエラーをスローしていません。

これが私のインクルードの順序です：

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="{{ STATIC_URL }}js/bootstrap.min.js"></script>

これは、bootstrapサイトから直接取得したツールチップの呼び出し例です。

<a href="#" data-toggle="tooltip" title="first tooltip">Hover over me</a>

他の誰かが2つの要素に問題がありますか？

私はそれが私がやったばかげたことであるとかなり確信しています。

Bootstrap 3で提供される他のすべてのJS影響は、モーダルやタブが正常に機能しているように...

twitter-bootstraptooltiptwitter-bootstrap-3
12
xXPhenom22Xx

あなただけのJavaScriptを介してツールチップを有効にする必要があります：

$('some id or class that you add to the above a tag').tooltip()
37
steakchaser

ツールチップはjQueryで初期化する必要があります。

<a href="#" data-toggle="tooltip" title="Hooray!">Hover over me</a>

<script>
$(document).ready(function(){
    $('[data-toggle="tooltip"]').tooltip(); 
});
</script>

これをチェックしてください リンク

2
J.C. Gras

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

ページ上のすべてのポップオーバーを初期化する1つの方法は、データ切り替え属性でそれらを選択することです。

    $(function () {
  $('[data-toggle="popover"]').popover()
})
0
user12195433