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