引导工具提示初始化但未显示答案

【问题标题】：Bootstrap tooltip initialises but isn't showing up引导工具提示初始化但未显示
【发布时间】：2019-01-14 07:10:46
【问题描述】：

在将此问题标记为重复问题之前，我知道有一个完全相同的问题与完全相同的问题，但该解决方案对我不起作用。这是该问题的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。

【问题讨论】：

您需要添加data-toggle="tooltip" data-placement="left" title="Tooltip on left"
- 我已经这样做了@MerajKhan
你写js函数$(function () { $('[data-toggle="tooltip"]').tooltip() })
显然！这就是我在问题中所说的。它正在初始化！这就是为什么当我悬停元素时工具提示代码会在 DOM 中弹出。
有时问题是 chrome 缓存了我的旧 js 文件。

标签： javascript jquery twitter-bootstrap vue.js laravel-mix

【解决方案1】：

虽然我们需要更多信息...

您所描述的通常与父职位有关。
在初始化时尝试将工具提示附加到正文。

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

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

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

现场示例：
https://jsfiddle.net/sagive/aq9Laaew/137936/

【讨论】：

是的，用你给我的那个替换默认的初始化代码会改变一些事情。这一次，它根本没有被初始化！它甚至没有在 DOM 中创建工具提示标记。
这只是一个例子.. 这（编辑我的代码）应该适用于您的课程（又名：工具提示）
我用默认代码替换了你给我的代码（第二个），并为元素提供了“工具提示”类。这一次，我的元素也不见了！我的意思是它变得透明了！
你的权利..这是错误的，我没有注意到这个 class="tooltip fade top in" - 使用类工具提示是一个问题......我会做一个完整的例子。
非常感谢，伙计！自从过去几个小时以来，我一直被这个简单的事情所困扰，我非常沮丧！