Hammer.js + CSS Bootstrap輪播：設置自動播放

Question

嗨，我已經基於Hammer.js和Bootstrap css創建了可滑動的滑塊。 我無法使用自動播放功能！ 我在我的第一個“ li”中添加了一個活動類，如css bootstrap網站上所述，我在“ .carousel”的輪播中添加了一個類，並嘗試將其添加到腳本頂部的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
});