手动切换到幻灯片0

Question

我遇到一个问题，在我调用 .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 =＆＃34; false＆＃34; （用HTML格式）......

更新

我刚刚切换了两个陈述，但它确实奏效了。像这样：

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

但是，我仍然不明白为什么javascript语句的顺序会影响行为。谁能回答这个问题？提前谢谢。

Answer 1

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

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