Jquery 单击的项目应位于owl转盘的中心

上面是我的猫头鹰旋转木马。现在我需要点击猫头鹰项目应该是中心。请告诉我

您可以在用户单击项目时触发。此事件导致猫头鹰转盘移动到特定位置

在初始化转盘之前，我已经为转盘内的每个

div

设置了

数据位置

属性。然后我将此属性用作

to.owl.carousel

事件的参数

请检查结果：

var$owl=$（'.owl carousel'）；
$owl.children（）.each（函数（索引）{
$（this.attr（'data position'，index）；//NB:.attr（）而不是.data（）
});
$owl.owlCarousel({
中：是的，
循环：对，
项目：5，
});
$（文档）.on（'click'，'）。owl item>div'，function（）{
$owl.trigger（'to.owl.carousel'，$（this.data（'position'））；
});
.owl item>div{
光标：指针；
利润率：9px 12px；
过渡：利润率0.4s；
}
.owl-item.center>div{
光标：自动；
保证金：0；
}

请提供更多代码/简要说明并提供一个工作示例。@Crock我添加了两项并修复了我的解决方案。请检查。我有一个初始化owl转盘的插件，我可以在初始化后添加添加数据id属性的代码行，并且仍然期望相同的结果吗？@Burkely91初始化后，HTML块的结构变得更加复杂。在浏览器中使用开发人员工具进行测试，并将其与我的代码生成的工具进行比较。如果正确的块接收到正确的属性，那么事件处理程序将正常工作。
$(".owl-carousel").owlCarousel({
    margin:10,
    dots:false,
    nav:true,
    responsive:{
        0:{
            items:1
        },
        600:{
            items:3
        },
        1000:{
            items:5
        }
    }
});