Bootstrap轮播自动启动数据属性

时间:2013-07-12 09:49:02

标签: twitter-bootstrap carousel custom-data-attribute

我正在使用Bootstrap Carousel。来自Bootstrap文档:

  

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

我的carousel html与文档完全一致,并以:

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

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

但事实并非如此 - 所有其他功能都有效,但要开始旋转木马骑行,我必须致电:

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

即便如此,它仍会以5000毫秒的默认间隔循环(我知道我可以通过传递设置对象来改变它。)

我是否必须手动调用js来启动轮播并设置间隔和暂停?

1 个答案:

答案 0 :(得分:3)

看起来您必须使用JavaScript初始化轮播。这是一个众所周知的问题:

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