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

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

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

3 个答案: