OwlCarousel2複数のインスタンスを初期化する最も良い方法は何ですか

Question

私はowlcarouselを使って3つのスクロールをしたいと思います（そのうち2つは異なるオプションを持っています）。これを行うためのベストプラクティス（実行の意味で）は何ですか？

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>