Question

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

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

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

anyhelp ？至少是为了找到测试版的文档

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轮播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

您只需将幻灯片索引传递给.carousal函数。
尝试以下代码：

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

Answer 6

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

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

Owl Carousel 2 beta，跳转到特定幻灯片

6 个答案: