如何区分自动滑动和点击幻灯片Bootstrap轮播？

Question

我有旋转木马控制按钮，当我选择新幻灯片时，我会添加active类。

当有人点击其中一个按钮时，这是一个简单的任务，但如果我想要合并autoplay，这突然变得更具挑战性。

以下是问题：

我可以将slid绑定到一个将活动类添加到我的控制按钮的函数，它将起作用，但是幻灯片的开始和活动类的添加之间会有一个延迟，因为幻灯片完成时会触发slid。

幸运的是，Bootstrap提供slide，在启动幻灯片时会触发该slide。我可以将slide绑定到一个函数，该函数将活动类添加到列表中的下一张幻灯片，但是当我尝试单击一个无序幻灯片的控件按钮时，这会导致问题。

当幻灯片发生时，

slide会被触发，所以如果有人点击了一个不在正常幻灯片顺序中的控制按钮，我最终会得到两个活动按钮。

我目前唯一能够看到的解决方案是以某种方式区分自动触发的{{1}}事件和点击触发的事件。

有什么想法吗？

Answer 1

试试这个：

  $('.carousel').carousel({
  interval: 2000
});