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。

另外，来自文档：

  

出于性能原因，工具提示和popover data-apis是选择加入的，这意味着您必须自己初始化它们。

所以，做一些像：

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

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