javascript - 如何让Bootstrap js轮播在页面加载后自动循环？

Question

使用 bootstrap.js 版本 2.02

我正在尝试让 Twitter Bootstrap Carousel 在有人访问我的网站时自动循环。目前，只有在您至少单击其中一个循环按钮一次后，自动循环才会起作用。

我希望旋转木马立即开始按间隔循环。

有人知道该怎么做吗？

我的网站是 hotairraccoon.com

您将看到单击轮播一次后，它开始每 5 秒左右循环一次，但我不希望需要单击才能显示轮播内容。

谢谢!

Answer 1

注意:正如评论中提到的，该解决方案将在 Bootstrap 2 上正常工作。有关如何在 Bootstrap 3 上完成相同行为的说明，请参阅 MattZ 的答案。

我遇到了和你一样的问题，我所要做的就是在初始化轮播后调用 carousel('cycle') 方法来解决它:

<script type="text/javascript">
$(document).ready(function () {
    $('.carousel').carousel({
        interval: 3000
    });

    $('.carousel').carousel('cycle');
});
</script>  

我意识到这个问题已经很老了，但今晚我在谷歌上搜索试图自己找出答案，发现没有人正确回答它。投票最高的答案不会自动启动轮播，它只会在按下按钮后循环，这不是OP想要的。