手动切换到滑块0后，Bootstrap Carousal不会停止滑动

Bootstrap Carousal won't stop sliding after manually switching to slide 0

本文关键字：Bootstrap Carousal      更新时间：2023-09-26

我遇到了一个问题，在我调用.carousal(0)方法后，bootstrap carousal开始自动滑动。我的意图是切换到幻灯片0并将其固定在那里(不应该发生自动滑动)。我不确定我错过了什么。

以下是重现问题的步骤(从W3CSchools演示开始):

从这个演示:http://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_ref_js_carousel_interval&stacked=h

从

更改初始javascript
// Activate Carousel
$("#myCarousel").carousel({interval: 500});


// Activate Carousel
$("#myCarousel").carousel(0);
$("#myCarousel").carousel({interval: false});

请告知，谢谢!

补充:让我困惑的是为什么调用。carousal(0)会破坏我之前的interval:false(在js中)和data-interval="false"(在HTML中)的配置…

更新:

我只是交换了两个语句，它工作了。这样的:

$("#myCarousel").carousel({interval: false});
$("#myCarousel").carousel(0);

但是，我仍然不明白为什么javascript语句的顺序会影响行为。有人能回答吗?

这似乎是基于编辑您引用的演示。

// Activate Carousel
// $("#myCarousel").carousel({interval: 500});
$("#myCarousel").carousel({interval: false});
$("#myCarousel").carousel(0);
相关文章：