jquery - 限制 OWL Carousel 显示元素

Question

我想限制 OWL Carousel 中显示的元素数量。我有 8 个元素显示在窗口中的 4 个元素中。我只想显示 4 个元素而不是 8 个，我尝试使用 items: '4' 但它只显示你想在显示中看到的元素，而不是全部元素。

文档:https://owlcarousel2.github.io/OwlCarousel2/docs/api-options.html

Answer 1

正如 Ginger CSS Wizard 所写，无法设置元素总数的限制。

如果您只需要查看前 4 个元素而其他不需要，只需在调用 owlCarousel 之前将其删除。例如:

$i=0;
$('.owl-carousel .item').each(function(){
  if($i>3){
    $(this).remove();
  }
  $i++;
});
$('.owl-carousel').owlCarousel();