[英]Bootstrap Carousel does not auto-slide when routing back in angular?
[英]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.