猫头鹰旋转木马 2 - 隐藏自定义导航(如果为 1 项)

Question

我正在寻找一种隐藏 Owl 轮播自定义导航的方法，并在只有一个项目时停止"循环"功能。

$('.owl-carousel').owlCarousel({
    loop: true,
    items: 1,
});
owl = $('.owl-carousel').owlCarousel();
$(".prev").click(function () {
    owl.trigger('prev.owl.carousel');
});
$(".next").click(function () {
    owl.trigger('next.owl.carousel');
});

小提琴

Answer 1

首先，你可以使用 if

loop: $('.owl-carousel img').length > 1 ? true : false,

这将测量轮播中的 img 秒量，并禁用循环。我们还可以添加一个 if 来使用 hide() 函数

小提琴