Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/performance/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript OwlCarousel2初始化多个实例的最佳方法是什么_Javascript_Performance_Owl Carousel 2 - Fatal编程技术网

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

Javascript OwlCarousel2初始化多个实例的最佳方法是什么,javascript,performance,owl-carousel-2,Javascript,Performance,Owl Carousel 2,我想有3个滚动使用owlcarousel其中两个有不同的选项。执行此操作的最佳实践是什么?您可以使用数据属性执行此操作。 您的JQuery: var $carousel = $(this); $carousel.owlCarousel({ autoplay : $carousel.data("autoplay"), items : $carousel.data("items"), loop : $carousel.data("loop") }); 您的HTML使用不同的数据属性:

我想有3个滚动使用owlcarousel其中两个有不同的选项。执行此操作的最佳实践是什么?

您可以使用数据属性执行此操作。 您的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>