限制OWL Carousel的显示项目

时间:2019-02-22 08:31:40

标签: jquery html css

我想限制OWL Carousel中显示的项目的数量。我有8个项目,在窗口的4个项目中显示。我只想显示4个项目,而不是8个,我尝试了以下项目:“ 4”,但它只显示您想在显示屏上看到的项目,而不是总项目。

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

1 个答案:

答案 0 :(得分:0)

正如Ginger CSS Wizard所写,无法设置项目总数的限制。

如果只需要查看前4个项目,而没有其他项目,则在致电owlCarousel之前将其删除。例如:

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