javascript - hammer.js + Css Bootstrap 轮播 : Set autoplay

Question

您好，我已经创建了一个基于 Hammer.js 和 Bootstrap CSS 的滑动 slider 。我无法使用自动播放功能!我在我的第一个“li”中添加了一个事件类，如 css bootstrap 网站上所述，我在“.carousel”的轮播中添加了一个类，并尝试将其添加到我的脚本顶部的 html 内容下方正文:

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

我在有和没有文档就绪功能的情况下都试过了，都没有用。

你可以在这里看到所有的脚本，如果你想看 JS fiddle ，请告诉我。

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);
}