如何訪問OwlCarousel的當前屬性？

我需要獲取OwlCarousel中顯示的當前項目數。例如：用{items: n}設置設置的數字。在這種情況下使用響應指令。如何訪問OwlCarousel的當前屬性？

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

像這樣的事情我希望

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

我想以編程方式確定有多少項目，目前正在顯示一次。

來源

2015-04-22 Queenvictoria

您使用的是貓頭鷹旋轉木馬嗎？版本1.x或2？ –

版本2（根據標籤）。 – Queenvictoria

可以使用下面這個得到有效項目

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

來源

2015-04-22 06:14:59

在回答我的具體情況（當前項目）時看起來不錯，但不是標題（當前屬性）可以通過設置直接訪問的問題。 – Queenvictoria

你可以得到的數量：

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

    alert(totalItems);

來源

2015-04-22 06:22:58

這將是旋轉木馬中的所有項目，而不是我認爲的數字。第二版的「.item」類是否正確？ – Queenvictoria

好看起來這是很簡單的畢竟。您也可以觀察物業的變化（如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; 
}

來源

2015-04-22 06:25:12 Queenvictoria

如何訪問OwlCarousel的當前屬性？

回答

相關問題