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

Question

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

<div class="owl-carousel">
    <div class="item"><h4>1</h4></div>
</div>
<link href="http://www.owlcarousel.owlgraphic.com/assets/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://www.owlcarousel.owlgraphic.com/assets/owlcarousel/owl.carousel.js"></script>

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

Answer 1

添加 onInitialize 并检查轮播包含多少项目。如果轮播有 1 个或更少的项目，则将循环设置为 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;
        }
    }
  })
});