Question

我有一个简单的cycle2幻灯片，带有寻呼机。幻灯片自动进行（即设置为speed和timeout）。我想要实现的是，一旦用户点击寻呼机中的链接，幻灯片显示变为“手动”（自动转换停止），并且从该点开始，它仅由寻呼机控制。 cycle2 API documentation表示存在'continueAuto'选项应该可以达到目的。所以我像这样对cycle-pager-activated事件做了一个处理程序：

$('#fp_slideshow').on('cycle-pager-activated', function(event, opts ) {
    $('#fp_slideshow').cycle({continueAuto: false});
});

事件按照我的预期被调用（点击寻呼机中的链接时），但是调用cycle({continueAuto: false})什么都不做，幻灯片显示不确定。我做错了什么？

Answer 1

在这种情况下，pause command可能会更适合您。我尝试使用cycle-pager-activated事件但无法使其始终如一地工作，因此将点击处理程序直接附加到寻呼机链接。这是JavaScript：

var $fp_slideshow = $('#fp_slideshow');

$fp_slideshow.cycle({
    pager: '#fp_slideshow_pager',
    pagerTemplate: '<li><a href="">Slide {{slideNum}}</a></li>'
});

$('a', '#fp_slideshow_pager').on('click', function() {
    $fp_slideshow.cycle('pause');
});

这是一个小提琴：http://jsfiddle.net/N43KH/1/

jQuery cycle2和'continueAuto'

1 个答案: