Owl 轮播 2 - 隐藏自定义导航(如果有 1 个项目)
Owl Carousel 2 - hide custom nav (if 1 item)
我正在寻找一种方法来隐藏 Owl 旋转木马自定义导航,并在只有一个项目时停止 "loop" 功能。
$('.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');
});
您可以首先使用 if
loop: $('.owl-carousel img').length > 1 ? true : false,
这将测量轮播中 img
的数量,并禁用循环。我们还可以添加一个 if 来使用 hide()
函数
我正在寻找一种方法来隐藏 Owl 旋转木马自定义导航,并在只有一个项目时停止 "loop" 功能。
$('.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');
});
您可以首先使用 if
loop: $('.owl-carousel img').length > 1 ? true : false,
这将测量轮播中 img
的数量,并禁用循环。我们还可以添加一个 if 来使用 hide()
函数