hammer.js + Css Bootstrap旋轉木馬：設置自動播放

Question

您好我已經創建了一個基於Hammer.js和Bootstrap css的可滑動滑塊。我無法使自動播放功能正常工作！我在我的第一個「li」中添加了一個active類，正如在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 
});