jquery - 如何检查引导轮播是否停止滑动？

Question

我需要为使用轮播获取并显示的列表应用工具提示。在那个用省略号包裹的项目列表中，我需要为它们显示工具提示。

但是如果我在滑动完成之前移动鼠标，那么工具提示似乎在页面的角落。

这是我在鼠标悬停时显示工具提示的代码。

我使用他们网站中给出的 .slid 事件进行了检查，还检查了 carousel-inner 子项是否处于活动状态，但这也不起作用，并且这两个事件都在滑动完成之前触发。

$('.tooltipcheck').mouseover(function() {
     var $this = $(this);
     if (this.offsetWidth < this.scrollWidth)
        $(this).tooltip( {container: 'body'});
});

Answer 1

Bootstrap 的轮播有一个回调，可以在幻灯片完成滑动（称为“滑动”）后挂钩。您可以在slid回调中启动测试，如下所示：

$('#myCarousel').on('slid', function() {
    $('.tooltipcheck').mouseover(function() {
         var $this = $(this);
         if (this.offsetWidth < this.scrollWidth)
         $(this).tooltip( {container: 'body'});
    });
});

这样，在幻灯片完成过渡之前，您不会调用测试，并且它会在每次新的幻灯片过渡时刷新。