jquery - Bootstrap 工具提示未显示

Question

我正在尝试使用 Bootstrap tooltip在我的一个应用程序中。目前，我有以下内容:

<button type="button" class="btn btn-default" 
        data-toggle="tooltip" data-placement="left"
        title="Tooltip on left">
            Tooltip on left
</button>

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

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

Answer 1

不，不可能以纯粹的声明性方式使用工具提示。来自 Docs :

Opt-in functionality:
For performance reasons, the Tooltip and Popover data-apis are opt-in, meaning you must initialize them yourself.

因此，您必须在 JavaScript 中手动调用 .tooltip()，如下所示:

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

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

Working Demo in jsFiddle

应该是这样的: