有没有办法在其中一个bootstrap轮播指示器上添加工具提示？

Question

我正在查看标准引导程序整页轮播http://startbootstrap.com/template-overviews/full-slider/ ，轮播指示符定义为：

    <ol class="carousel-indicators">
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1"></li>
        <li data-target="#myCarousel" data-slide-to="2"></li>
    </ol>

我知道通过编写以下方法为按钮添加工具提示相对容易：

<button class="btn btn-simple" id="mybutton" data-toggle="tooltip"
 data-placement="top" data-original-title="Text of tooltip">

但有没有办法在旋转木马的三个点/指标之一添加工具提示？ 我试着写：

<li data-target="#myCarousel" data-slide-to="2" data-toggle="tooltip"
 data-placement="top" data-original-title="Text of tooltip"></li>

但工具提示不可见......

Answer 1

请参阅： http ： //getbootstrap.com/javascript/#tooltips

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

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

要添加触发器：

$('IDHERE').tooltip({
    trigger: 'manual'
})

如何触发工具提示 - 单击| 悬停| 焦点| 手册。 你可以传递多个触发器; 用空格隔开它们。 手动不能与任何其他触发器结合使用。