Bootstrap工具提示不显示

我试图在我的应用程序中使用Bootstrap 工具提示 。 目前，我有以下内容：

 Tooltip on left  

不幸的是，我的工具提示没有显示。 我想弄清楚我做错了什么。 我知道它可以通过JavaScript创建。 但是，我正在尝试以声明方式定义我的工具提示。 我已经确认包含了Tooltip.js文件。 但是，我无法弄清楚我做错了什么。

是否可以在纯粹的声明意义上使用工具提示？ 如果是这样，有人可以通过JSFiddle或Bootply样本向我展示如何？ 我真的很想看这个。

Answer 1

不，不可能在纯粹的声明意义上使用工具提示。 来自Docs ：

选择加入function：
出于性能原因，Tooltip和Popover data-apis是选择加入的，这意味着您必须自己初始化它们。

所以你必须在JavaScript中手动调用.tooltip() ，如下所示：

 $("[data-toggle=tooltip]").tooltip(); 

或者使用你想要的任何选择器。

在jsFiddle工作演示

这应该是这样的：

Answer 2

在我的项目中，我有一个带有.btn-group类的div和带有类btn的3’a’元素。 使用Bootstrap正式代码初始化不起作用（我正在使用Twitter.Bootstrap.less，我不知道是否有任何不同）：

 $(function({ $('[data-toggle="tooltip"]').tooltip(); }); 

然后我找到了另一个StackYverFlow的解决方案，由ImaJedi4ever回答，它对我来说就像一个魅力，初始化引导工具提示：

 $(function(){ $('body').tooltip({ selector: '[data-toggle="tooltip"]' }); }); 

Answer 3

有一个问题在meteor显示它与反应和bootstrap 4 alpha。 这就像魔术一样！

 componentDidMount() { $(function(){ $('body').tooltip({ selector: '[data-toggle="tooltip"]' }); }); },