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

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

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

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

根据您的需要更改选择器。

这也有效。

Answer 5

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

Answer 6

检查这个演示

这是你要找的那个吗？

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

Answer 7

   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: "",         
        });
    }