jQuery Cycle 2：点击时暂停幻灯片答案

【问题标题】：jQuery Cycle 2: pause slideshow on clickjQuery Cycle 2：点击时暂停幻灯片
【发布时间】：2013-01-09 10:40:33
【问题描述】：

我似乎找不到在导航单击状态下暂停 jQuery Cycle 2 (http://jquery.malsup.com/cycle2) 脚本的方法。我想要做的是让幻灯片运行，直到用户单击上一个或下一个按钮，滑动到该特定幻灯片然后暂停它。

试过了，但没有帮助：

$('.previous').on('click', function() {
    $('.slideshow').cycle('pause');
});

$('.next').on('click', function() {
    $('.slideshow').cycle('pause');
});

不确定上述引用循环是否真的会重新启动脚本？

【问题讨论】：

你能在 jsFiddle 上展示这个案例吗？

标签： javascript jquery dom jquery-cycle

【解决方案1】：

我创建了一个 JSBin，应该可以帮助你。我使用 .toggle() 和 .click() 来提供效果：

每次您单击下一张/上一张幻灯片时，幻灯片都会转到下一张/上一张幻灯片并暂停，然后在您再次点击后恢复。

http://jsbin.com/inuvav/3

http://jsbin.com/inuvav/3/edit

【讨论】：

@StaffanEstberg，不客气。