Question

我需要为使用轮播显示的列表应用工具提示。在那些用椭圆包裹的项目列表中，我需要为它们显示工具提示。

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

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

我查看了他们网站上提供的.slid事件＆amp; 还可以通过检查轮播内部儿童是否有效，但这也不起作用，这两个事件在滑动完成之前都会触发。

$('.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'});
    });
});

这样你就不会在幻灯片完成转换之后调用测试，并且每次新的幻灯片转换都会刷新它。

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

1 个答案: