javascript - Bootstrap 工具提示初始化但未显示

Question

在将此问题标记为重复之前，我知道有一个完全相同的问题具有完全相同的问题，但解决方案对我不起作用。这是 link对那个问题。

问题是，我知道工具提示正在初始化，因为当我将鼠标悬停在按钮上时，此标记会显示在我的 DOM 中。

<div class="tooltip fade top in" style="top: -34px; left: 20.5px; display: block; "><div class="tooltip-arrow"></div><div class="tooltip-inner">Add Quotation.</div></div

但是它没有出现在浏览器中!在检查元素的情况下，它向我显示了确切的工具提示，但它没有出现。它是透明的! JSfiddles 和所有这些都在工作，但它不只是在我的代码中工作。

我正在使用 Laravel Mix 和 Vue.js。有什么额外的事情要做，或者我遗漏了什么？

更新:我已经在我的元素中添加了 data-toggle、data-placement 和 title我想要一个工具提示。

Answer 1

虽然我们需要额外的信息......

您所描述的内容通常与父职位有关。
像这样初始化时尝试将工具提示附加到主体。

// AN EXAMPLE ELEMENT
<div class="tip" title="Some tooltip"></div>

// THE JQUERY
$('.tip').tooltip({
    container: 'body'
});

如果这改变了什么请告诉我，请添加您的初始化代码
以及将工具提示附加到 css 位置的项目

实例:
https://jsfiddle.net/sagive/aq9Laaew/137936/