如何检查自举轮播是否已停止滑动？

Question

我需要为使用轮播显示和显示的列表应用工具提示。 在该项目列表中，无论哪个都用椭圆包裹，我都需要显示它们的工具提示。

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

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

我使用他们网站上提供的.slid事件进行了检查，还检查了轮播内的孩子是否处于活动状态，但这也不起作用，并且这两个事件在滑动完成之前都会触发。

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

Answer 1

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

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

这样，您直到幻灯片完成转换后才调用测试，并且它将在每次新的幻灯片转换时刷新。