微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决如何在 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 举报,一经查实,本站将立刻删除。