猫头鹰旋转木马2测试版，跳转到特定幻灯片

Question

我已经在我的网站上实现了猫头鹰旋转木马2，我希望能够使用提供的Jumbpto助手跳转到特定的幻灯片，如

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

但是测试版似乎没有owl.jumpTo助手。

有帮助吗？至少用于查找测试版的文档

Answer 1

尝试：

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

文档可在此处找到：https://owlcarousel2.github.io/OwlCarousel2/docs/api-events.html

Answer 2

对于Owl Carousel 2.x.x，如果你想用动画跳到项目0，我会试试这个

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

Answer 3

遗憾的是，这在任何地方都没有记录：/

jumpTo在owl-carousel 2中似乎不起作用，但是您可以使用to并传入一个参数数组。第一个参数是幻灯片，第二个参数是动画速度。发送一个"0"将告诉它根本不设置动画。

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

Answer 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

Answer 5

对于Owl Carousel v2.3.4，我发现您需要执行以下操作：

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

Answer 6

您可以简单地将幻灯片索引传递给.caroual函数。
尝试以下代码：

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