$('.owl-carousel').owlCarousel({
            item:3,
            singleItem: true,
            autoplay: true,
            autoplayTimeout: 5000,
            loop: true,
            nav: true,
            responsiveClass: true,
            responsive:{
                0:{
                    items: 1,
                    dots: false
                },
                600:{
                    items: 2,
                    dots: false
                },
                1200:{
                    items: 3
                }
            }
        });

不同于新版本,2.2.1版本的Owl Carousel 控制需要使用responsive属性来控制显示的数量,即0-600显示一个,600-1200显示2个,1200以上显示3个,默认(item属性)显示3个

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。