为什么工具提示在转盘内部不起作用？

Question

正如我所说，他们两个人相处得不太好。 我使用Bootstrap 3（工具提示）和Cycle2作为轮播。 我真的不知道为什么他们不起作用，对此深有体会。 您可以在此处看到javascript，称为html数据属性

       <div class="part-1 content">
            <div class="container">
                <div class="row feed cycle-slideshow" data-cycle-carousel-fluid="true" data-cycle-fx="carousel" data-cycle-timeout="2000">
                    <img src="../images/sc/part-1-alt.png" class="img-responsive" alt="a" data-toggle="tooltip" title="Donec id elit non mi porta loreta et">

                    <img src="../images/sc/part-2.png" class="img-responsive" alt="a" data-toggle="tooltip" title="Donec id elit non mi porta loreta et">

                    <img src="../images/sc/part-3.png" class="img-responsive" alt="a" data-toggle="tooltip" title="Donec id elit non mi porta loreta et">

                    <img src="../images/sc/part-4.png" class="img-responsive" alt="a" data-toggle="tooltip" title="Donec id elit non mi porta loreta et">

                    <img src="../images/sc/part-5.png" class="img-responsive" alt="a" data-toggle="tooltip" title="Donec id elit non mi porta loreta et">

                    <img src="../images/sc/part-6-alt.png" class="img-responsive" alt="a" data-toggle="tooltip" title="Donec id elit non mi porta loreta et">
                </div>
            </div>
        </div>

关于带有工具提示的项目的小javascript

...

$(".part-1 img").tooltip({
    'placement': 'top'
});

$(".part-2.item").tooltip({
    'placement': 'top'
});

...

Answer 1

由于圆盘传送带正在使用溢出，并且工具提示超出了其边距，因此无法正常工作。

Answer 2

轮播内部设置为隐藏。 您可以禁用它，但是您的内容（内部div中的内容）需要使用固定宽度

将此添加到您的CSS标头

carousel-inner {
   overflow: visible;
}