ツールチップが下に来ない

Question

ナビゲーションバーを作って緑色のボタンがあります。カーソルが上に移動すると、（下の）ツールチップが表示されます。しかし、それは起こっていません。私は次のスクリプトを使用しました：

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

非常に奇妙なことが起こります。ツールチップがナビゲーションバーの下に隠されています。それともそうだ。誰も私にこれを助けることができますか？以下は、ボタンのHTMLコード（それはヘッダータグで囲まれている）である。

<a id="ID" style="margin-right: 20px" class="btn btn-success" 
    data-placement="bottom" data-toggle="tooltip" href="#" 
    data-original-title="Tooltip on bottom">Has hover state</a> 

Answer 1

使いのブラウザではJavaScriptを修正引用：

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

を基準として、このPlunkerを参照してください、それはあなたのマークアップを持っており、固定JavaScript。

.tooltip()は、DOMが関連するマークアップの準備が整った後に実行されていることに注意してください。

---

編集：コメント欄での長い議論の後、溶液をCSSにこれを追加しました：

.tooltip{ position: fixed;}