24

我已经在我的网站中实现了 Owl Carousel 2，我希望能够使用提供的 Jumbpto 帮助程序跳转到特定的幻灯片，

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

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

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

4

6 回答 6

46

尝试：

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

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

于 2014-10-06T11:31:16.817 回答
8

对于 Owl Carousel 2.xx，如果你想用动画跳转到第 0 项，我试试这个

$('#myowl').trigger('to.owl.carousel', [0,0,true])
于 2016-04-30T17:01:12.933 回答
4

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

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

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

于 2015-12-15T19:30:22.893 回答
1

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

var owl = $('.owl-carousel').data('owl.carousel');
owl.to(slide number[,slide speed])
于 2019-05-23T09:43:33.427 回答
1 
    //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
于 2018-05-31T10:10:35.893 回答
0

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

$('.btnJump').click(function(){
    $('#myCarousel').carousel(3);
});
于 2019-01-15T12:29:29.093 回答