javascript - 如何从猫头鹰轮播组件中隐藏下一个和上一个？

Question

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

请建议代码。

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
}

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