如何隐藏下一个&来自猫头鹰旋转木马组件的上一个?

时间:2016-07-15 10:40:54

标签: javascript owl-carousel owl-carousel-2

我在页面中有5个轮播组件..每个组件包含2/5个项目并在幻灯片中显示3个... 它是隐藏少于3项的组件的prev,next按钮..

请建议代码。

2 个答案:

答案 0 :(得分:0)

if ($(".owl-carousel .items").length() < 3) {
    //hide buttons
    $(".owl-carousel .btn.next").hide();
    $(".owl-carousel .btn.prev").hide();
}

您应该调整一下代码

答案 1 :(得分:0)

只需添加此CSS。如果您使用的是版本2

.owl-nav .owl-prev.disabled, .owl-nav .owl-next.disabled {
    display: none !important
}

注意事项,这还取决于您要在幻灯片视图中显示多少个项目。