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>

OwlCarousel2 初始化多个实例的最佳方式是什么

OwlCarousel2 what is the best way to initialize multiple instances

javascript

performance

owl-carousel-2