javascript - 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>