javascript - Cycle2自动停止不起作用

对于最近的项目，我们正在使用Cycle2。我已升级到最新版本。
我们正在使用Sitecore呈现内容。无论我采用哪种方法(如下)，我都无法自动停止运行。每个幻灯片我们有2-3张幻灯片，我们希望它以以下模式移动:1-2-3-1。

是否按照以下规则将其渲染为自动播放:

<ul class="<%# Sitecore.Context.PageMode.IsPageEditor ? String.Empty : "cycle-slideshow" %> interior"
                data-cycle-speed="3000"
                data-cycle-autostop="true"
                data-cycle-timeout="5000"
                data-cycle-auto-height="container"
                data-cycle-slides="> li" >
                <sc:Placeholder  runat="server" ID="SlidePlaceholder" Key="SlidePlaceholder" /></ul>

或者，如果我们让它在JS中以编程方式播放而没有“cycle-slideshow”类:

$('#my-slideshow').cycle({
    speed: 3000,
    autostop: true,
    timeout: 5000,
    end: function() {
        $('#my-slideshow').cycle('stop');
    }
});

我们正在正确加载JQuery。

我做了一些尝试后尝试将'true'和'1'设置为自动停止
研究功能。

我们还使用了Carousel和Swipe Cycle2库。

我们同时加载以下库:fancybox 2.1.4，查询，图像加载的jquery.ba-resize，jquery.qtip，jquery.rwdImageMaps，Slimscroll和modernizer。

正常循环。我们可以基于捕获视口(viewport)的更改使其停止内联，但是标准自动停止功能不起作用。这是快速的Conole日志捕获(在IE，FF和Chrome之间相同)

[cycle2] --c2 init-- jquery.cycle2.min.js:6

[cycle2]速度:3000(数字)jquery.cycle2.min.js:6

[cycle2]自动停止:true( bool(boolean) 值)jquery.cycle2.min.js:6

[cycle2]超时:5000(数字)jquery.cycle2.min.js:6

[cycle2] autoHeight:容器(字符串)jquery.cycle2.min.js:6

[cycle2]幻灯片:> li(字符串)jquery.cycle2.min.js:6

演示了在原始HTML模式下具有静态内容

的相同行为

此外，我已经通过JS Lint运行了随页面启动的所有JS。

任何帮助/建议表示赞赏。谢谢你的时间。

最佳答案

假设您使用的是Cycle2 plugin by Malsup，那么documentation for the API不包含名为autostop的选项。也许您是说loop选项？



所以:

 <ul ... data-cycle-loop="1" .. /></ul>

要么

var $slideshow = $('#my-slideshow');
$slideshow.cycle({
    speed: 3000,
    loop: 1,
    timeout: 5000
});

// jump back to the first slide when loop has finished
// you might have to use setTimeout() to delay the transition back to the first slide
$slideshow.on('cycle-finished', function(event, opts) {
    $slideshow.cycle('goto', 0);
});