2014-09-14 7 views
9

ich die Eule Karussell 2 in meiner Website implementiert haben, ich möchte den Jumbpto Helfer zu bestimmten Folie springen können, wie vorgesehen, so unter VerwendungOwl Karussell 2 beta, springe zu einer bestimmten Folie

$('.btnJump').click(function(){ 
    $('#myCarousel').trigger('owl.jumpTo', 3) 
    }); 

aber es scheint, dass die Beta-Version nicht owel.jumpTo Helfer hat.

anyhelp? zumindest für die Dokumentation für die Beta-Version zu finden

Antwort

18

Versuchen:

$('.btnJump').click(function(){ 
    $('#myCarousel').trigger('to.owl.carousel', 3) 
    }); 

Dokumentation finden Sie hier: https://owlcarousel2.github.io/OwlCarousel2/docs/api-events.html

+2

nicht für mich arbeiten, hatte to.owl.carousel –

+2

zu verwenden aber das animiert zum slide .. wie kann ich ohne animation springen? –

+0

Ich suche auch nach einer Lösung ohne Animation. – iMax

4

Es ist schade, das nicht überall wurde:/

jumpTo scheint in Eulenkarussell 2 nicht zu funktionieren, Sie können jedoch to verwenden und ein Array von Parametern übergeben. Der erste Parameter ist die Folie, der zweite Parameter ist die Animationsgeschwindigkeit. Wenn Sie eine 0 senden, wird sie überhaupt nicht animiert.

owl.trigger('to.owl.carousel', [3, 0]);

+1

Nicht funktioniert, es animiert immer noch die Änderung – gal007

+2

Sind Sie auf dem neuesten Beta-Code? Scheint gut für mich zu funktionieren, wo 'eule' das jquery dom Element des Karussells ist (' eule = $ ('. Carousel') ') –

+0

Ich arbeite an dem neuesten Beta-Code. Funktioniert nicht für mich :(, es animiert immer noch die Änderung. Vielleicht weil ich 'animateOut: 'fadeOut'' verwende? – iMax

5

Für Owl Carousel 2.xx Ich versuche dies, wenn Sie mit Animation Punkt 0 springen wollen

$('#myowl').trigger('to.owl.carousel', [0,0,true]) 
Verwandte Themen