使用 jQuery Cycle 返回基于事件的第一张“幻灯片”答案

【问题标题】：Return to the first "slide" based on an event with jQuery Cycle使用 jQuery Cycle 返回基于事件的第一张“幻灯片”
【发布时间】：2014-01-09 08:08:00
【问题描述】：

我正在使用jQuery Cycle 插件，但我无法通过其documentation 返回到第一张幻灯片/图像。

有没有办法以编程方式做到这一点？例如，假设您在第 4 张幻灯片上，并且有一个带有 jQuery.click() 事件的 DIV...您将如何绑定该事件以将您返回到第一张幻灯片？

【问题讨论】：

切换到cycle2可以吗？
或者使用stop 命令？
我不能使用cycle2；我正在使用其他依赖于周期的东西。停止命令不会返回到原始幻灯片。

标签： javascript jquery cycle jquery-cycle

【解决方案1】：

你没有看演示。看看Goto demo：

$('#s1').cycle();
$('#goto1').click(function () {
    $('#s1').cycle(0);
    return false;
});

Demo here

我建议改用cycle2。你不知道你错过了什么。

【讨论】：

谢谢，正是我想要的。不知道为什么这不在选项/API 中并且仅通过演示引用。下次我会更加努力！我会再次研究cycle2，但不幸的是，另一个插件依赖于cycle。

【解决方案2】：

只需使用goto 命令。根据cycle2 documentation，我会这样做：

//"DIV with a jQuery.click() event"
<div id="go_to_slide_one" ></div>

// goto 1st slide (slides are zero indexed)
$('#go_to_slide_one').click(function() { 
    $('.cycle-slideshow').cycle('goto', 0);
});

【讨论】：

阅读您的评论@daveycroqet。如果您不能使用cycle2，这将不起作用。但是我会在这里留下我的答案，以防它对其他人有用。
感谢您的帮助。