繁体   English   中英

如何区分自动滑动和单击滑动Bootstrap传送带?

[英]How to differentiate between auto-slide and click slide Bootstrap carousel?

我有轮播控制按钮,在选择新幻灯片时,我要向其中添加active类。

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

这是问题所在:

我可以绑定slid至,增加了活动类,以我的控制按钮的功能,这将是功能性的,但会有幻灯片,添加活动类的开始之间的延迟,因为slid就会引发滑动完成了。

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

slide会在每次发生幻灯片时触发,因此,如果有人单击了不在正常幻灯片顺序中的控制按钮,我将得到两个活动按钮。

我目前可以看到的唯一解决方案是,以某种方式区分自动触发的slide事件和单击触发的事件。

有任何想法吗?

尝试这个:

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM