jquery - OwlCarousel の現在のプロパティにどのようにアクセスしますか?

Question

OwlCarousel に表示されているアイテムの現在の数を取得する必要があります。例: 設定で{items: n}設定された数。この場合、responsive ディレクティブを使用します。

{
  items: 4,
  responsive: {
     720: {
         items: 3
     },
     320: {
         items: 2
     }
  }
}

このような何か、私は期待しています

var owl = $('.carousel').data('owl.carousel');
var current_items = owl.settings.items;

現在一度に表示されているアイテムの数をプログラムで判断したいと思います。

Answer 1

結局のところ、これは非常に簡単なようです。プロパティの変化を監視することもできます (この質問への回答のように)。.data()セレクターが間違っていたようです。

// Grab your carousel
var carousel = $('.carousel').data('owlCarousel');
var current_items;
// Check that it already exists
if ( carousel ) {
  // Access it's settings property - "items" is updated 
  // when the breakpoint changes
  current_items = carousel.settings.items;
}

Answer 2

以下を使用して、アクティブなアイテムの数を取得できます

$('.owl-carousel .owl-item.active').length

Answer 3

あなたはこれで得ることができます：

   var totalItems = $('.owl-item.active').length;

   alert(totalItems);