如何在点击 jquery 工具可滚动的导航后设置延迟

Question

我将 http://jquerytools.org/documentation/scrollable/与插件一起使用navigator和autoscrolling用于横幅动画。我有这样一部分代码：

$('.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});
});