猫头鹰轮播显示项目导航,而不是始终显示

时间:2018-11-13 13:21:13

标签: javascript owl-carousel

在我的项目中,我使用了Owl Carousel,它在Web和响应模式下都能很好地滑动。 但是有一个问题,如果我只有2个项目(或响应模式下有1个项目),那么我该如何隐藏导航?

我的脚本

 $(document).ready(function () {
                var carouselElement1 = $('.owl-carousel-Product');
                initialize_owl(carouselElement1);
                function initialize_owl(el) { 
                    el.owlCarousel({
                    dots: false,
                    center: false,
                    loop: true,
                    margin: 15,
                    items: 4,
                    responsiveClass: true,                     
                    responsive: {
                            0: {
                                items: 1,
                                nav: true
                            },
                            481: {
                                items: 2,
                                nav: true
                            },
                            767: {
                                items: 3,
                                nav: true,
                            },
                            1199: {
                                items: 4,
                                nav: true,
                            }
                    },
                    lazyLoad: true,
                    autoplay: false,
                    autoplayTimeout: 3000,
                    autoplayHoverPause: true,
                    autoHeight: false
                    });
                }
            });
        });

请建议我如何解决它。我想应该有任何事件。 请帮我。 谢谢

0 个答案:

没有答案