Flexslider - анимация: «slide», animationLoop: «true» - Conflict

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() Клон() addClass ('клон') ..) .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){ 
     } 
     }); 
    });