2014-09-14 17 views
9

Ho implementato il Gufo Carosello 2 nel mio sito, voglio essere in grado di saltare a diapositiva specifica utilizzando l'helper Jumbpto fornito in questo modo,Gufo Carousel 2 beta, passare a una diapositiva specifica

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

ma sembra che la versione beta non abbia owl.jumpTo helper.

Anyhelp? almeno per trovare la documentazione per la versione beta

risposta

18

Prova:

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

La documentazione può essere trovato qui: https://owlcarousel2.github.io/OwlCarousel2/docs/api-events.html

+2

non ha funzionato per me, ha dovuto usare to.owl.carousel –

+2

ma questo si anima nella diapositiva .. come posso saltare senza animazione? –

+0

Sto anche cercando una soluzione senza animazione. – iMax

4

E 'un peccato questo non è stato documentato da nessuna parte:/

jumpTo non sembra funzionare in civetta giostra 2, tuttavia è possibile utilizzare to e passare in una matrice di params. Il primo parametro è la diapositiva, il secondo parametro è la velocità di animazione. L'invio di uno 0 dice di non animare affatto.

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

+1

Non funziona, si anima ancora il cambiamento – gal007

+2

Sei sulla più recente versione beta di codice? Sembra funzionare bene per me, dove 'owl' è l'elemento jquery dom della giostra (' gufo = $ ('carosello') ') –

+0

Sto lavorando sul codice più recente versione beta. Non funziona per me :(, si anima ancora il cambiamento Forse perché io uso 'animateOut:. '?. FadeOut'' – iMax

5

per Owl Carousel 2.xx provo questo se si desidera passare alla voce 0 con l'animazione

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