Question

在某些特定情况下，Flexslider 2存在问题。我正在使用它作为内容滑块。我需要的是让动画SLIDE而不是淡出，然后循环幻灯片。我有3张带有div内容的幻灯片，里面有更多列表来显示图库类型设置。我遇到的问题是，当我设置我需要的选项时，滑块首先显示最后一张幻灯片，然后滑动到幻灯片2，然后是3，然后是1.它不会显示第一张幻灯片作为第一张幻灯片。 startAt参数无效。

当我将滑块设置为使用以下内容时，一切都很完美：

$(".flexslider").flexslider({
    animation: "slide",
    animationLoop: false
});

如果我将其设置为：

，它也有效

$(".flexslider").flexslider({
    animation: "fade",
    animationLoop: true
});

但是如果我将动画设置为幻灯片并循环为true，它会再次显示最后一张幻灯片，并且不会按正确的顺序显示幻灯片。我能做些什么吗？似乎是动画幻灯片和循环之间的冲突。

我需要以下代码才能工作，但它没有：

$(".flexslider").flexslider({
    animation: "slide",
    animationLoop: true
});

没有出现任何控制台错误。有什么想法吗？

Answer 1

从jquery中删除这些行。

methods.uniqueID（slider.slides.first（）。clone（）。addClass（＆＃39; clone＆＃39;））.appendTo（slider.container）; methods.uniqueID（ slider.slides.last（）。clone（）。addClass（＆＃39; clone＆＃39;））。prependTo（ slider.container）; }

这将解决问题。

Answer 2

可能缺少HTML代码。我需要以下代码才能工作

    $(window).load(function(){
       $('.flexslider').flexslider({
          animation: "slide",
          animationLoop: true,
          start: function(slider){
         }
       });
    });

Flexslider - 动画：“幻灯片”，animationLoop：“true” - 冲突

2 个答案: