Owl Carousel 2 - 隐藏自定义导航（如果有 1 个项目）答案

【问题标题】：Owl Carousel 2 - hide custom nav (if 1 item)Owl Carousel 2 - 隐藏自定义导航（如果有 1 个项目）
【发布时间】：2015-04-26 17:21:31
【问题描述】：

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

$('.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');
});

Fiddle

【问题讨论】：

标签： javascript jquery navigation hide owl-carousel-2

【解决方案1】：

你可以首先使用 if

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

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

Fiddle

【讨论】：