Jquery Cycle Plugin - 单击寻呼机链接时如何暂停幻灯片答案

【问题标题】：Jquery Cycle Plugin - How to pause slideshow when a pager link is clickedJquery Cycle Plugin - 单击寻呼机链接时如何暂停幻灯片
【发布时间】：2010-10-29 14:59:27
【问题描述】：

我正在使用 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')}
});

【问题讨论】：

标签： jquery jquery-plugins cycle

【解决方案1】：

从pause/resume demo 你应该可以做到：

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

这应该绑定到您的寻呼机中的链接。

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

【讨论】：

我也是这么想的，但是我已经试过了，还是不行。
出于某种原因，使用切换可以工作，但不能暂停。但这对我来说很好，它基本上完成了同样的事情。 $('#pager a').click(function() { $('#highlights').cycle('toggle'); });
有趣。很高兴你把事情解决了。我将更新我的代码，以便将来发现此问题的人得到答案。

【解决方案2】：

使用 pause 命令对我有用，代码如下：

jQuery(document).ready(function($) {

    $('#highlights').cycle({ 
        fx:     'fade', 
        speed:  'slow', 
        timeout: 4000, 
        pager:  '#pager', 
        pagerAnchorBuilder: function(idx, slide) { 
            return '#controls a:eq(' + idx + ')'; 
        } 
    });

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

});

【讨论】：

【解决方案3】：

也许是.stop() 方法？

http://api.jquery.com/stop/

【讨论】：

【解决方案4】：

尝试将 pauseOnPagerHover 设置为 0...当您将其设置为 1 时，它会在您将鼠标悬停在寻呼机上时暂停，但还包括一个在鼠标悬停时播放的功能。因此，您的 onclick 功能正在暂停已经暂停的节目，然后当您的光标离开寻呼机时，mouseout 功能使其再次播放。

我猜“切换”可能会起作用，因为循环使用切换来播放和暂停 pauseOnPagerHover 函数？然后，您将在悬停时暂停，在单击时播放，在鼠标移出时再次暂停。

【讨论】：