jquery - 如何访问 OwlCarousel 的当前属性？

Question

我需要获取 OwlCarousel 中显示的当前项目数。eg：用{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

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