Question

您好，请查看demo

如果幻灯片项目是img，它将起作用

<div class="cycle-slideshow testimonials">

            <blockquote class="cycle-slide">
                 text
            </blockquote>



             <blockquote class="cycle-slide">
                 text
            </blockquote>



</div>


$('.cycle-slideshow').cycle({
    fx: 'fade',
    speed: 3000,
    timeout:4000,
    slides:   '> blockquote'
 });

Answer 1

您可以将data-cycle-slides="属性添加到您的父div：

使用data-cycle-slides属性提供一个jQuery选择器标识容器中的幻灯片元素

<div class="cycle-slideshow testimonials" data-cycle-slides="> blockquote">

<强> Updated Fiddle

Answer 2

问题是你正在使用循环使用的类名cycle-slideshow来使用它的“声明性初始化”自动启动滑块。当您在JavaScript中再次调用循环时，滑块已经设置为期望使用图像作为幻灯片元素。您可以通过将滑块上的类名更改为其他内容来轻松解决此问题。这是您更新的代码：

<div class="cycle-testimonials">
    <blockquote class="cycle-slide">
        text
    </blockquote>
    <blockquote class="cycle-slide">
        text
    </blockquote>
</div>


$('.cycle-testimonials').cycle({
    fx: 'fade',
    speed: 3000,
    timeout:4000,
    slides: '> blockquote'
});

这是更新的小提琴：http://jsfiddle.net/dLQPD/254/

为了清楚起见，您可以在JavaScript中以声明方式设置所有Cycle 2选项 - 通过滑块容器上的数据属性 - 或以编程方式设置。

滑动项目更改而不是img - cycle2

2 个答案: