Flexslider - animacja: "slide", animationLoop: "true" - Conflict

Question

Mam problem z Flexslider 2 w pewnych szczególnych okolicznościach. Używam go jako suwaka treści. Potrzebuję animacji SLIDE zamiast blaknąć i zapętlać slajdy. Mam 3 slajdy z zawartością div i więcej list wewnątrz nich, aby wyświetlić konfigurację typu galerii. Problem, który napotykam, polega na tym, że gdy ustawiam potrzebne opcje, suwak najpierw wyświetli ostatni slajd, a następnie przesunie się do slajdu 2, a następnie 3, a następnie 1. Nie będzie pokazywał pierwszego slajdu jako pierwszego slajdu . Parametr startAt nie działa.

Wszystko działa idealnie, kiedy ustawić suwak do korzystania z następujących czynności:

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

Działa również jeśli ustawić go na adres:

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

Ale jeśli ustawić animację slajdów, a pętlę na true, pokazuje ponownie ostatni slajd i nie pokazuje slajdów w odpowiedniej kolejności. Czy mogę coś z tym zrobić? Wydaje się być konfliktem między przesuwaniem animacji a zapętlaniem.

muszę następujący kod do pracy, ale nie:

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

Nie otrzymuję żadnych błędów konsoli. Jakieś pomysły?

Answer 1

usunąć te linie z jQuery.

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

Naprawi to problem.

Answer 2

Może być brak kodu html. muszę następujący kod do pracy

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