检测 Bootstrap 轮播结束

Question

我想知道是否有任何方法可以检测 Bootstrap 轮播何时结束运行，因为我需要在轮播到达最后一个元素时执行一个函数。

我在这里将问题应用于评论，以便以更好的格式查看它：

const carousel = document.getElementById("carouselContainer");

carousel.addEventListener("slid.bs.carousel", function (e) {
    if (e.direction === "right" && e.to === elements.length - 1) {
      // Take an action
    }
  });

Answer 1

是的，检查documentation：你应该根据direction比较from和to。

if (direction == 'left' && to == 0) {
    startReached();
}

if (direction == 'right' && to == elements.length - 1) {
    endReached();
}