javascript - 猫头鹰传送带2与项目1和循环true

$(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而导致此错误。
所以。在这种情况下的任何解决方案。我知道这种情况不会发生，但是如果有解决方案，请告诉我，非常感谢。

最佳答案

添加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;
        }
    }
  })
});

关于javascript - 猫头鹰传送带2与项目1和循环true，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/30449448/