javascript - Bootstrap JS 可以工作，但工具提示不行

Question

我已经确认我的 bootstrap.js 通过调用下拉菜单和模式弹出窗口来工作。它们都有效，但是当我尝试让工具提示工作时它失败了。据我从文档 here 了解到你只需要把这个:

<a href="#" data-toggle="tooltip" title="" data-original-title="Default tooltip">you probably</a>

但是，根本没有出现任何工具提示。然而，我使用与下面相同的 API 调用的下拉菜单有效:

<div class="dropdown">
    <a class="dropdown-toggle" id="dLabel" role="button" data-toggle="dropdown" data-target="#" href="/page.html">
        Dropdown
        <b class="caret"></b>
    </a>
    <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
        ...
    </ul>
</div>

Answer 1

您错误地使用了工具提示。您只需提供 title 属性 - 工具提示插件会设置 data-original-title 本身。

此外，来自文档:

For performance reasons, the tooltip and popover data-apis are opt in, meaning you must initialize them yourself.

因此，请执行以下操作:

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

作为一个包罗万象的。不过，您很可能希望选择更少的元素来保持良好的性能。