Сова Карусель 2 бета, переход к определенному слайду

Я реализовал Owl Carousel 2 на своем веб-сайте, я хочу, чтобы можно было перейти к определенному слайду с помощью помощника Jumbpto, предоставленного таким образом,

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

но кажется, что бета-версия не имеет помощника owl.jumpTo.

anyhelp? по крайней мере, для поиска документации для бета-версии

Ответы

Ответ 1

Try:

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

Документацию можно найти здесь: https://owlcarousel2.github.io/OwlCarousel2/docs/api-events.html

Ответ 2

Для Owl Carousel 2.x.x Я пробую это, если вы хотите перейти к пункту 0 с анимацией

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

Ответ 3

Стыдно, что это нигде не было зарегистрировано:/

jumpTo, похоже, не работает в owl carousel 2, однако вы можете использовать to и передать массив параметров. Первым параметром является слайд, второй параметр - скорость анимации. Отправка 0 говорит о том, что он не анимируется вообще.

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

Ответ 4

    //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

Ответ 5

Вы можете просто передать индекс слайда в функцию .carousal.
Попробуйте следующий код:

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

Ответ 6

Для Owl Carousel v2.3.4 я обнаружил, что вам нужно сделать следующее:

var owl = $('.owl-carousel').data('owl.carousel');
owl.to([slide number])