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>