jquery - 单击可滚动的jquery工具的navi后如何设置延迟？

Question

我使用带有插件和横幅动画的http://jquerytools.org/documentation/scrollable/ 。我有这样的部分代码：navigatorautoscrolling

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

它工作得很好，但我也希望有机会在选择某些横幅后设置延迟时间（点击其中之一后$('.navs')）。有什么办法可以做我想要的吗？

更新。我可以设置$('.scrollable').scrollable({ clickable: false ...})...完全停止滚动。但我仍然想在一定的延迟后继续滚动。

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

Answer 1

尝试类似：

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

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

未测试

Answer 2

http://jsfiddle.net/WqL8T/5/ - 工作示例。感谢迈克尔凯撒。我刚刚以正确的方式更正了语法：

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

Answer 3

尝试这个：

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