2016-05-23 7 views
1

次の(非常に単純な)例では、ブートストラップのツールチップを表示できません。単に動作しません(バニラブラウザのtoooltipsが表示されます)。表示するブートストラップツールチップを取得できません

http://codepen.io/anon/pen/zqgaMY

マイAタグは公式のブートストラップコードを持っている:

data-toggle="tooltip" data-placement="left" title="Tooltip on left" 

と私はJSロード:私は間違って何をやっている

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

を?

答えて

3

ツールチップが機能するには、jQueryを含める必要があります。

<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script> 

ABOVEあなたbootstrap.jsリンクを、それが正常に動作する必要があります。これを追加します。


jsFiddleへのリンク:CodePenへhttps://jsfiddle.net/e0d8my79/104/

リンク:http://codepen.io/anon/pen/oxKyKB

+0

はい。このようなエラーが発生した場合、通常はブラウザの開発者コンソールに即座に表示されます。 – coyotte508

+0

これは素晴らしいです!なぜそれがブートストラップのドキュメントではっきりしていないのかわからないので、私はそれを見逃した場所を見るためにそれらを再読み込みします。ありがとう、私はあなたができるようにすぐにあなたの答えを受け入れるよ。 –

+0

@AlexandreDanault喜んで私は助けることができます。乾杯!! –

-1

...あなたのJquery.js文書は運命の準備ができてチェックし、証拠を作る... のみ聖霊降臨祭$( '[データトグル= "ツールチップ"]')。ツールチップ();

関連する問題