您如何访问 OwlCarousel 的当前属性？

Question

我需要获取 OwlCarousel 中显示的当前项目数。例如：用 {items: n} 设置设置的数字。在这种情况下使用响应指令。

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

我期待这样的事情

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

我想以编程方式确定当前同时显示的项目数。

Answer 1

您可以使用下面的方法获取活动项目的数量

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

Answer 2

你可以通过这个获得:

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

   alert(totalItems);

Answer 3

好吧，看起来这毕竟很简单。您还可以观察属性的变化（如对的回答）。看来我的 .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;
}

您如何访问 OwlCarousel 的当前属性？

How do you access the current properties of an OwlCarousel?

jquery

owl-carousel

owl-carousel-2