使用数据属性自动启动引导转盘



我正在使用Bootstrap Carousel。从引导文件:

您可以完全通过标记API使用所有Bootstrap插件不写一行JavaScript

我的carousel html与文档完全一样,以:开头

<div id="myCarousel" class="carousel slide">

然后我添加了属性data-pause="hover"data-interval="2000"。我的理解是,旋转木马应该在页面加载时开始循环(记住,你可以在没有一行JS的情况下使用插件),间隔2000毫秒,并在悬停时暂停。

但它不起作用——所有其他功能都起作用,但要开始旋转木马循环,我必须调用:

$('#myCarousel').carousel();

即使这样,它也会以5000ms的默认间隔进行循环(我知道我可以通过传递设置对象来改变这一点)。

我必须手动调用js来启动旋转木马并设置间隔和暂停,这对吗?

看起来您必须使用JavaScript初始化转盘。这是一个已知的问题:

https://github.com/twitter/bootstrap/issues/7508

最新更新