如何在 owl carousel 中使用 owl.go.carousel 和响应式 owl 模式？

问题描述

我有一个设置如下的猫头鹰旋转木马：

$('.owl-carousel').owlCarousel({
            rtl:true,loop: false,margin:10,nav: true,dots:true,navText: [
            "<i class='fa fa-angle-right horizon-scroll-icon g-vertical-align--middle'></i>","<i class='fa fa-angle-left horizon-scroll-icon g-vertical-align--middle'></i>"
            ],autoplay: false,autoplayHoverPause: true,responsive: {
                0: {
                    items: 1,stagePadding: 10
                },330: {
                    items: 1,350: {
                    items: 1,390: {
                    items: 1,stagePadding: 20
                },420: {
                    items: 2,stagePadding: 25
                },565: {
                    items: 2,stagePadding: 40
                },630: {
                    items: 3,stagePadding: 30
                },740: {
                    items: 2,990: {
                    items: 2,1200: {
                    items: 3,stagePadding: 10
                }
            }
});

我想从列表中的特定项目开始轮播，这是动态的。有时从第 5 项开始，有时从第 20 项开始。我用来滑动到我想要的滑块索引的代码是：

$('.owl-carousel').trigger('to.owl.carousel',idx);

问题：当在滑块视图中有多个项目的响应模式下时，滑块没有达到所需的索引，例如，如果响应项目为 1，并且我们将“idx”设置为 10，滑块将正确转到第 10 个项目。但是如果响应项是 3，并且我们将“idx”设置为 10，则滑块不会到达第 10 项，而是停留在第 6 项。

如果你能帮助解决这个问题，我会很高兴。

目标：从猫头鹰滑块中的某个项目开始滑块，该滑块具有响应模式，视图上有 1 个以上的项目（也有舞台填充）

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

carousel javascript jquery owl-carousel