JQuery Cycle 插件：点击页面任意位置即可触发循环

Question

我是一个 JQuery 菜鸟，我遇到了一个无法解决的小问题。 我正在使用 JQuery Cycle 插件。当我预览页面时，我可以单击页面上的任意位置并触发幻灯片放映。

我希望幻灯片仅在单击图像或 div 时循环播放。

我的代码如下：

$('.slideShow').cycle({ 
        fx:     'scrollUp', 
        speed:  300, 
        next:   this, 
        timeout: 0,
});

html如下：

<div class="slideShow">
    <img src="images/img01.jpg"  />
    <img src="images/img02.jpg"  />
</div>

我尝试将JS包装在点击函数中，但不起作用。 感谢您的帮助。

Answer 1

“next”属性应该是 jquery 选择器，而不是 javascript 引用。

您应该使用如下选择器：

next: ".slideShow",

Answer 2

这只是一个技巧，我不知道是否有更好的解决方案，但它应该有效。

$('.slideShow').cycle({
    fx:     'scrollUp', 
    speed:  300, 
    next:   this, 
    timeout: 0,
});

$('.slideShow').cycle('pause');

$('.slideShow').click(function() {
    $('.slideShow').cycle('resume');
});

Answer 3

从 文档 中，指定 next - 要用作的选择器触发器。