1

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

4

3 回答 3

2

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

您应该使用如下选择器：

next: ".slideShow",
于 2011-03-13T04:12:58.917 回答
0

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

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

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

$('.slideShow').click(function() {
    $('.slideShow').cycle('resume');
});
于 2011-03-13T04:08:53.207 回答
0

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

于 2011-03-13T04:10:01.050 回答