Как проверить, прекратила ли скольжение начальная карусель?

Question

Мне нужно применить всплывающую подсказку для списка, который создается и показывается с помощью карусели. В этом списке элементов, которые обернуты эллипсами, мне нужно показать подсказку для них.

Но если я наведу курсор мыши до того, как скольжение будет завершено, всплывающая подсказка окажется в углу страницы.

Это мой код для отображения всплывающей подсказки при наведении мыши.

Я проверил, используя событие.slid, указанное на их веб-сайте, а также проверил, активен ли дочерний элемент карусели или нет, но это также не работает, и оба эти события срабатывают до завершения скольжения.

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

Таким образом, вы не будете вызывать тест до тех пор, пока слайд не завершит переход, и он будет обновляться при каждом новом переходе слайда.