如何設置jQuery的工具navi點擊後可以滾動？

Question

我使用http://jquerytools.org/documentation/scrollable/的插件navigator和autoscrolling橫幅動畫。我的代碼的該部分：

$('.scrollable') 
    .scrollable({ 
     circular: true, 
     speed: 2000 
    }) 
    .navigator({ 
     navi: '.navs' 
    }) 
    .autoscroll(5000); 

它的工作不錯，但我想也有機會來設定延遲時間一定旗幟的選擇後（點擊的$('.navs')一個後）。有什麼方法可以製作我想要的？

UPDATE。我可以設置$('.scrollable').scrollable({ clickable: false ...})...停止滾動。但我仍然想延遲一段時間後繼續。

http://jsfiddle.net/WqL8T/1/

Answer 1

http://jsfiddle.net/WqL8T/5/ - 工作示例。感謝MichaelKaeser。我剛剛正確地修正了語法：

var api = $(".scrollable").data("scrollable"); 
$('.navs').on('click',function(){ 
    api.stop(); 
    var resume = api.play; 
    setTimeout(resume, 3000); 
}); 

Answer 2

試試這個：

$(function() { 
$('.scrollable').scrollable({ circular: true, speed: 1000 }).navigator({ 
    navi:'.navs', 
    activeClass: 'on' 
}).autoscroll({interval: 1000, autopause: false,fireDelay: 800, 
interval: 4000}); 
}); 

Answer 3

試着這麼做：

var api = $(".scrollable").data("scrollable"); 

$('.scrollable').on('click',function{ 
    api.stop(); 
    var resume = api.play(); 
    setTimeout(resume, 3000); 
}); 

沒有測試