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

时间:2015-04-26 17:21:31

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

我正在寻找隐藏猫头鹰旋转木马自定义导航的方法,并在只有一个项目的情况下停止“循环”功能。

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

1 个答案:

答案 0 :(得分:4)

首先,您可以使用if

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

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

Fiddle