如何访问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

好吧看起来这毕竟很直接。您还可以观察属性的变化（如this question的答案）。看起来我的.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 3

你可以得到这个：

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

   alert(totalItems);