OwlCarousel2初始化多個實例的最佳方式是什麼

Question

我想要3個使用owlcarousel的滾動條（其中兩個對它有不同的選項）。如何做到這一點最好（在表現意義上）練習？

Answer 1

你可以使用數據屬性來做到這一點。 您的JQuery：

var $carousel = $(this); 

$carousel.owlCarousel({ 
    autoplay : $carousel.data("autoplay"), 
    items : $carousel.data("items"), 
    loop : $carousel.data("loop") 
}); 

你的HTML（使用不同的數據屬性）：

<div class="owl-carousel" data-autoplay="true"> 
    // Your Owl Items 
</div> 

<div class="owl-carousel" data-items="1" data-loop="true"> 
    // Your Owl Items 
</div>