Jquery Cycle 插件 - 如何在单击寻呼机链接时暂停幻灯片放映

Question

我正在使用 Jquery 循环插件来创建公告幻灯片。我想在用户单击寻呼机链接之一时暂停幻灯片放映。我尝试过使用 pagerClick 函数并将暂停函数附加到寻呼机链接的 onclick 事件，但都不起作用。你能帮忙吗？

$('#highlights')
.after('<div id="pager">')
.cycle({
    fx: 'fade',
    timeout: 4000,
    pager: '#pager',
    pagerEvent:'mouseover',
    activePagerClass: 'active',
    pause: 1,
    pauseOnPagerHover: 1,
    pagerClick:function() {$('#highlights').cycle('pause')}
});

Answer 1

来自pause/resume demo你应该能够做到:

$('#pager a').click(function() { 
    $('#highlights').cycle('pause'); 
});

这应该绑定(bind)到寻呼机中的链接。

$('#highlights')
.after('<div id="pager">')
.cycle({
    fx: 'fade',
    timeout: 4000,
    pager: '#pager',
    pagerEvent:'mouseover',
    activePagerClass: 'active',
    pause: 1,
    pauseOnPagerHover: 1
});

$('#pager a').click(function() { 
    $('#highlights').cycle('toggle'); 
});