web-dev-qa-db-fra.com

Owl Carousel 2 beta, passez à une diapositive spécifique

J'ai implémenté Owl Carousel 2 sur mon site Web, je souhaite pouvoir accéder à une diapositive spécifique en utilisant l'aide de Jumbpto fournie de cette manière,

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

mais il semble que la version bêta n'ait pas d'aide owl.jumpTo.

de l'aide ? au moins pour trouver la documentation de la version beta

13
Yazan Rawashdeh

Essayer:

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

La documentation peut être trouvée ici: https://owlcarousel2.github.io/OwlCarousel2/docs/api-events.html

28
Bababob

Pour Owl Carousel 2.x.x, j'essaie si vous voulez passer à l'élément 0 avec animation

$('#myowl').trigger('to.owl.carousel', [0,0,true])
6
Tiger developer
    //Initialize Plugin
$(".owl-carousel").owlCarousel()

//get carousel instance data and store it in variable owl
var owl = $(".owl-carousel").data('owlCarousel');

//Public methods
owl.next()   // Go to next slide
owl.prev()   // Go to previous slide
owl.goTo(x)  // Go to x slide
1
MHK Developer


Extrait de code

$('.btnJump').click(function(){
    $('#myCarousel').carousel(3);
});
0
Mahak Choudhary