hammer.js + Css Bootstrap carousel：设置自动播放

Question

您好我已经创建了一个基于Hammer.js和Bootstrap css的可滑动滑块。我无法使自动播放功能起作用！我在第一个＆＃34; li＆＃34;中添加了一类活动，如css bootstrap网站上所述，我在＆＃34; .carousel＆＃34;的轮播中添加了一个类，并尝试在我的脚本下面是我身体的html内容：

$(function(){
$('.carousel').carousel({
  interval: 2000
});
});

我尝试使用和没有文档就绪功能，但都没有工作。

你可以在这里看到所有的剧本，如果你想看到一个JS小提琴，请告诉我。

http://archibaldbutler.com/projects/PA-consulting/

Answer 1

这是一个解决方案。您的轮播库不支持自动播放，因此像这样快速和肮脏的东西将足以让您入门：

var currentPane = 0;
setTimeout(playSlides, 2000);
function playSlides() {
    currentPane = currentPane + 1;
    if ( currentPane > 5 ) {
        currentPane = 0;
        carousel.showPane(0);
    } else {
        carousel.next();
    }

    setTimeout(playSlides,2000);
}

Answer 2

您的代码（在您的网站上）中没有jQuery.fn.carousel这样的内容，因此无法使用。

$('.carousel').carousel({
  interval: 2000
});