JQuery Cycle Plugin：单击页面上的任意位置并触发循环答案

【问题标题】：JQuery Cycle Plugin: Click anywhere on page and cycle is triggeredJQuery Cycle Plugin：单击页面上的任意位置并触发循环
【发布时间】：2011-03-13 03:58:45
【问题描述】：

我是一个 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 包装在 click 函数中，但不起作用。感谢您的帮助。

【问题讨论】：

标签： jquery jquery-cycle

【解决方案1】：

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

您应该使用如下选择器：

next: ".slideShow",

【讨论】：

【解决方案2】：

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

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

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

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

【讨论】：

我想我错了。我以为您想单击幻灯片以使其开始。这不会让您的幻灯片在您每次单击时转到下一张幻灯片。

【解决方案3】：

从documentation 指定next - 用作触发器的选择器。

【讨论】：