L'élément actif devrait être dans le milieu de Owl Carousel

J'ai un problème avec mon hibou-carrousel. Tout fonctionne bien, mais l'élément actif est le premier sur la page n'est pas celle du milieu (la couleur est active). Vous pouvez le voir dans la capture d'écran suivante.

L'élément actif devrait être dans le milieu de Owl Carousel

Je voudrais avoir le moyen de l'élément de toujours être l'élément actif.

Mon JQuery code :

jQuery(".owl-carousel").owlCarousel({
    items:3,      
    loop:true,
    nav:true,
    responsive:{
        0:{
            items:1,
            stagePadding: 450
        },
        600:{
            items:1,
            stagePadding: 450
        },
        1000:{
            items:1,
            stagePadding: 450
        }
    }
});

J'ai trouvé quelque chose comme ça, mais il n'travail:

jQuery(".owl-carousel").owlCarousel({
    items:3,      
    loop:true,
    nav:true,

//THIS IS THE NEW PART
    afterAction: function(el){
        //remove class active
        this
        .$owlItems
        .removeClass('active')
        //add class active
        this
        .$owlItems //owl internal $ object containing items
        .eq(this.currentItem + 1)
        .addClass('active')
        }
//END NEW PART

    responsive:{
        0:{
            items:1,
            stagePadding: 450
        },
        600:{
            items:1,
            stagePadding: 450
        },
        1000:{
            items:1,
            stagePadding: 450
        }
    }
});
vérifier: owlcarousel.owlgraphic.com/demos/center.html
oui, j'ai essayé cela, mais l'élément actif est toujours celui de gauche.

OriginalL'auteur Gabbax0r | 2016-05-23