猫头鹰Carousal2与项目1和循环true

$(document).ready(function(){ $('.owl-carousel').owlCarousel({ loop:true, margin:10, nav:true, items: 1 }) }); 

 
 
1
 
    

控制台错误：TypeError：items [clones [（clones.length – 1）]]未定义。 这个错误是由于只有一个项目div和属性循环为true和项目1。 这种情况下的任何解决方案 我知道这种情况不会发生，但如果有任何解决方案，请告诉我非常感谢。

Answer 1

添加onInitialize并检查轮播包含的项目数。 如果轮播具有1个或更少的项目，则将loop设置为false。

 $(document).ready(function(){ $('.owl-carousel').owlCarousel({ loop:true, margin:10, nav:true, items: 1, onInitialize: function (event) { if ($('.owl-carousel .item').length <= 1) { this.settings.loop = false; } } }) }); 

Answer 2

试试这个：

 $('.owl-carousel').owlCarousel({ loop: $('.owl-carousel .item').size() > 1 ? true:false, items: 1, margin:10, nav:true }) 

Answer 3

我做了一个非常基本的修复（在owl.carousel.js文件中）。 在这里查看我的评论https://github.com/OwlCarousel2/OwlCarousel2/issues/1200#issuecomment-215254526

这是一个非常快速和肮脏的修复。 我会尽快加强。

Answer 4

在owl.carousel.min.css文件下面包含owl.carousel.min.css文件，并在页面底部包含这些文件。

Answer 5

检查这个演示

这是你要找的那个？

 $('.owl-carousel').owlCarousel({ loop:true, margin:10, nav:true, responsive:{ 0:{ items:1 }, 600:{ items:3 }, 1000:{ items:5 } } }) 

Answer 6

  if($(".owl-carousel").length > 0){ $(".owl-carousel").owlCarousel({ items: 1, nav: $(".owl-carousel > .item").length <= 1 ? false : true, dots: false, loop:$(".owl-carousel > .item").length <= 1 ? false : true, autoplay:true, navText: "", }); } 

Answer 7

 var a = $(".owl-parent"); loop: owl.children().length > 1 

根据需要更改选择器。

这也有效。