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

carousel-inner设置溢出到隐藏。您可以禁用它，但是您的内容（de inner div内的内容）需要使用固定宽度

将此添加到您的CSS标头

carousel-inner {
   overflow: visible;
}

为什么不在旋转木马内工作提示？

2 个答案: