jQuery Owl Carousel 2隐藏导航

Question

我正在使用'Owl Carousel 2'构建一个漂亮的内容滑块,只有当只有一个或多个项目可见时才可以隐藏导航按钮吗？

当只有一个项目或两个项目可见时,他们会在div.item上附加第二个CSS类？

喜欢:当有一个项目时:类"第一项",当有两个框时:class ="item two"当有多于2时,那么它将只有class ="item".

JS:

jQuery("#sliderwhat").owlCarousel({
    loop : true,
    nav : true
});

HTML:

<div id="sliderwhat" class="box">

    <div class="item">
        <img src="image.jpg" alt="" />
        <span>Personal guide / <span>Amsterdam</span></span>
        <div>Here some text bla bla bla.</div>
    </div>

</div>

Answer 1

试试这个.

jQuery("#sliderwhat").owlCarousel({

        navigation : false, // Show next and prev buttons
        slideSpeed : 300,
        paginationSpeed : 400,
        singleItem:true

    });
  }