Javascript 猫头鹰旋转木马：如果单击它，则将其置于幻灯片中心

我只是想知道如果我点击幻灯片，是否有一种方法可以轻松地将其居中。 因此，单击的幻灯片移动到中间

这是我的密码。“点击中心”功能应适用于第一张名为“singleprice”的幻灯片

---

你的问题是什么？当你点击一个项目时，你可以使用

owl.goTo（x）//转到x幻灯片。
jQuery(document).ready(function ($) {

    var $sync1 = $("#singleprice"),
        $sync2 = $("#meanprice"),
        flag = false,
        duration = 300;

    $sync1
        .owlCarousel({
        nav: true,
        items: '3',
        startPosition: '4',
        dots: false,
        center: true,
        navContainer: '#priceNav',
        })
        .on('changed.owl.carousel', function (e) {
            if (!flag) {
                flag = true;
                $sync2.trigger('to.owl.carousel', [e.item.index, duration, true]);
                flag = false;
            }
        });


    $sync2
        .owlCarousel({
        nav: false,
        items: '1',
        startPosition: '4',
        touchDrag: false,
        mouseDrag: false,
        dots: false
        })
        .on('click', '.owl-item', function () {
            $sync1.trigger('to.owl.carousel', [$(this).index(), duration, true]);

        })
        .on('changed.owl.carousel', function (e) {
            if (!flag) {
                flag = true;        
                $sync1.trigger('to.owl.carousel', [e.item.index, duration, true]);
                flag = false;
            }
        });
});