如何檢查自舉輪播是否已停止滑動？

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

這樣，您直到幻燈片完成轉換后才調用測試，並且它將在每次新的幻燈片轉換時刷新。