Question

我正在查看标准bootstrap整页轮播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'
})

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

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

1 个答案: