如何隐藏下一个＆amp;来自猫头鹰旋转木马组件的上一个？

Question

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

请建议代码。

Answer 1

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

您应该调整一下代码

Answer 2

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

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

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