在我的项目中,我使用了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
});
}
});
});
请建议我如何解决它。我想应该有任何事件。 请帮我。 谢谢