工具提示不在底部

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。

请注意，在DOM准备好相关标记后，.tooltip()正在运行。

编辑：在评论中经过长时间讨论后，解决方法是将其添加到CSS：

.tooltip{ position: fixed;}