Как получить доступ к текущим свойствам 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

Ok как выглядит это довольно прямо вперед, в конце концов. Вы также можете наблюдать за изменением свойств (как в ответе на 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; 
}