我在我的网站上使用 owlcarousel,但遇到了一些问题。其一,响应能力无法正常工作。对于两个人来说,轮播不会自动播放。可以查看问题here .
这是我的代码:
$(".owl-carousel").owlCarousel({
items: 1,
loop: true,
center: true,
dots: true,
autoplay: true,
autoplayTimeout: 5000,
autoplaySpeed: 5000,
responsiveClass: true,
responsive:{
0:{
items: 1
},
600:{
items: 1
},
1200:{
items: 1
}
}
});
更新:我设法通过添加以下内容来解决响应问题:
itemsDesktop: [1200, 1],
itemsTablet: [980, 1],
itemsMobile: [700, 1]
到选项。
尽管如此,自动播放仍无法正常工作。
最佳答案
这是我的解决方案:
$('.owl-carousel').owlCarousel({
item:3,
singleItem: true,
autoplay: true,
autoplayTimeout: 5000,
loop: true,
nav: true,
responsiveClass: true,
responsive:{
0:{
items: 1,
dots: false
},
600:{
items: 2,
dots: false
},
1200:{
items: 3
}
}
});
关于javascript - Owl Carousel 问题(自动播放+响应式),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42332904/