Flexslider - 动画:"幻灯片",animationLoop:"true" - 冲突

dar*_*ght 7 jquery flexslider

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

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

$(".flexslider").flexslider({
    animation: "slide",
    animationLoop: false
});
Run Code Online (Sandbox Code Playgroud)

如果我将其设置为:

$(".flexslider").flexslider({
    animation: "fade",
    animationLoop: true
});
Run Code Online (Sandbox Code Playgroud)

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

我需要以下代码才能工作,但它没有:

$(".flexslider").flexslider({
    animation: "slide",
    animationLoop: true
});
Run Code Online (Sandbox Code Playgroud)

没有任何控制台错误.有任何想法吗?

小智 2

从 jquery 中删除这些行。

method.uniqueID( slider.slides.first().clone().addClass('clone') ).appendTo( slider.container ); method.uniqueID( slider.slides.last().clone().addClass('clone') ).prependTo( slider.container ); }

这将解决这个问题。