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和所有工具都在工作，但不仅仅是我的代码在工作。

我正在 Vue.js 中使用 Laravel Mix 。还有什么需要做的，还是我错过了什么？

更新：我已经在元素上添加了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/

Bootstrap工具提示已初始化，但没有显示

1 个答案: