Jquery 引导工具提示未显示

我正在尝试在我的应用程序中使用引导。目前，我有以下几点：

左侧的工具提示

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

---

是否可以使用纯声明性的工具提示？如果是这样，有人能告诉我如何通过JSFIDLE或Bootply示例吗？我真的很想知道这一点。

不，不可能纯粹以声明的方式使用工具提示。从：

选择加入功能：
出于性能原因，工具提示和Popover数据API是可选的，这意味着您必须自己初始化它们

因此，您必须在JavaScript中手动调用

.tooltip（）

，如下所示：

$（“[data toggle=tooltip]”。tooltip（）；

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

应该是这样的：

---

在我的项目中，我有一个带.btn组类的div和3个带btn类的'a'元素。使用Bootstrap官方代码初始化不起作用（我使用的是Twitter.Bootstrap.less，我不知道是否有任何区别）：

然后，我在另一个StackOverFlow上找到了一个解决方案，由Imajed4ever回答，它对我来说就像一个符咒，初始化引导工具提示：

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

---

用react和bootstrap 4 alpha在meteor中显示它时出现问题。这就像一个魔术

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

---

不过小提琴没有使用AngularJS。这是我问题的一部分。你应该能够以同样的方式处理工具提示。由于AngularJS不在你的问题中，我建议将此标记为已解决，并打开一个新问题，以尽可能少的代码重现AngularJS的特定问题。我按照你的要求做了。我把这个问题标记为已解决。我提出了一个新问题。这个问题可以在网站上找到。谢谢你的帮助。@Spir，怎么不工作？你有控制台错误吗？工具提示是否在jsfiddle链接上的？@KyleMit”错误：语法错误，无法识别的表达式：[data toggle=tooltip]中起作用。您忘记了最后一个]。修正：嗨-我知道派对迟到了-但我只是有同样的问题，我想我会分享它没有出现的原因-在一个普通的BS html页面中，当内容从一开始就在DOM中时-工具提示将在下面的答案中声明为ias后呈现。angularjs应用程序的问题是，内容按要求插入DOM，因此需要在DOM中存在的更高级别元素上声明工具提示-下面的回答（）为我解决了这个问题。漂亮，应该是公认的答案。我正在使用webpack进行依赖绑定，官方的引导方式不起作用，但使用带有选择器参数的body标记就成功了+1谢谢！

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