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

在某些特定情况下，我遇到了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（’clone’））。appendTo（slider.container）; methods.uniqueID（slider.slides.last（）。clone（）。addClass（’clone’））。prependTo（slider.container）; }

这将解决问题。

Answer 2

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

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