jQuery Cycle插件[cycle]终止; 幻灯片太少：1。

Question

我遇到了以下错误：

[cycle] 终止; 幻灯片数量太少: 1

以下是 jQuery Cycle 的代码。我不确定为什么在 Chrome 浏览器中出现此错误。

var inners = $('ul#output li').cycle().cycle('stop');

        var slideshow = $('ul#output').cycle({
            fx: 'scrollHorz',
            speed: 300,
            timeout: 0,
            startingSlide: 0, 
            before: function() {

                // stop all inner slideshows
                inners.cycle('stop');

                // start the new slide's slideshow
                $(this).cycle({
                    fx: 'fade',
                    timeout: 1000,
                    autostop: true,
                    end: function() {
                        // when inner slideshow ends, advance the outer slideshow
                        slideshow.cycle('next');
                    }
                });
            }
        });

        $.featureList(
                $("#tabs li a"),
                $("#output li"), {
                    start_item  :   0
                }
            ); 

可能出了什么问题？

- Jae Kun Choi

Answer 1

实际上，这个错误是由于你的滑动元素少于2个引起的。如果你想在单个元素中运行cycle插件，则需要去找到jquery.cycle.all.js并查找。

if (els.length < 2) {
            log('terminating; too few slides: ' + els.length);
            return;
        }

将条件限制改为1，例如：

if (els.length < 1) {
            log('terminating; too few slides: ' + els.length);
            return;
        }

如果你不想运行单一元素，那么你应该在语言端放置条件，只有当元素数量大于2时才呈现元素。

干杯！

Mudassar Ali

- Mudassar Ali Sahil

Answer 2

问题出在你的第一行代码：

var inners = $('ul#output li').cycle().cycle('stop');

你正在尝试在一个 .cicle() 中创建另一个 .cicle()。如果你这样做：

var inners = $('ul#output').cycle().cycle('stop');

它不会返回任何错误。

- samura