OwlCarousel2 여러 인스턴스를 초기화하는 가장 좋은 방법은 무엇입니까

Question

owlcarousel을 사용하여 3 개의 스크롤러를 사용하고 싶습니다 (두 가지 옵션에 서로 다른 옵션이 있음). 이 작업을 수행하는 가장 좋은 방법은 무엇입니까?

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>