javascript - jQuery Cycle 2：点击时暂停幻灯片

Question

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

试过这个但没有帮助：

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

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

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

Answer 1

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

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

http://jsbin.com/inuvav/3

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