工具提示不在底部

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;}