猫头鹰旋转木马去点击项目

Question

我有owl carousel v-2.0.0有5个项目。

<div class="owl-carousel">
    <div class="item">
        <img src="img/1-m.png" alt="">
    </div>
    <div class="item">
        <img src="img/3-s.png" alt="">
    </div>
    <div class="item">
        <img src="img/2-l.png" alt="">
    </div>
    <div class="item">
        <img src="img/2-l.png" alt="">
    </div>
    <div class="item">
        <img src="img/1-m.png" alt="">
    </div>
</div>

和js来初始化它。

$(".owl-carousel").owlCarousel({
    loop: true,
    nav: true,
    responsive: {
        0: {
            items: 1
        },
        480: {
            items: 3
        },
        1000: {
            items: 5
        }
    }

});

旋转木马工作？如何通过点击项目使其工作（点击项目成为中心）。以及如何将自定义类添加到中心项？

Answer 1

 $(document).on('click', '.owl-item', function () {
  owlIndex = $(this).index();
  $('.owl-stage-outer').trigger('to.owl.carousel', owlIndex);
});