web-dev-qa-db-ja.com

フクロウカルーセル2ベータ版、特定のスライドにジャンプ

私は自分のウェブサイトにOwl Carousel 2を実装しました。そのように提供されているJumbptoヘルパーを使用して特定のスライドにジャンプできるようにしたいのですが、

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

しかし、ベータ版にはowl.jumpToヘルパーがないようです。

anyhelp？少なくともベータ版のドキュメントを見つけるため

owl-carousel
17
Yazan Rawashdeh

試してください：

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

ドキュメントはここにあります： https://owlcarousel2.github.io/OwlCarousel2/docs/api-events.html

35
Bababob

フクロウカルーセル2.x.xの場合、アニメーションでアイテム0にジャンプする場合はこれを試してください

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

これはどこにも文書化されていなかったのは残念です：/

jumpToはフクロウカルーセル2で機能していないように見えますが、toを使用してパラメータの配列を渡すことができます。最初のパラメーターはスライド、2番目のパラメーターはアニメーションの速度です。 0を送信すると、アニメートしないように指示されます。

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

4
Mark Shust
    //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

Owl Carousel v2.3.4の場合、次のことを行う必要があることがわかりました。

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

スライドインデックスを.carousal関数に渡すだけです。
以下のコードを試してください：

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