如何指定猫头鹰旋转木马2中显示的项目数量?

时间:2017-02-27 11:06:33

标签: javascript jquery css owl-carousel owl-carousel-2

在猫头鹰旋转木马1中,我可以根据视口宽度指定不同数量的项目:

items:5,
itemsDesktop:[1199,4],
itemsDesktopSmall:[979,3],
itemsTablet:[768,2],
itemsMobile:[479,1]

但是,上面的代码不适用于Owl轮播2.此外,规格建议使用唯一的选项:

items: 3 // or any ther number here

因此,移动设备和桌面设备上显示的项目数量相同。我错过了什么吗?

1 个答案:

答案 0 :(得分:1)

尝试使用responsive选项。在文档中阅读: https://owlcarousel2.github.io/OwlCarousel2/docs/api-options.html

在这个帖子中,hvsh在底部给出了一个例子: https://github.com/OwlCarousel2/OwlCarousel2/issues/1363

同样在演示页面上,他们举了一个例子: https://owlcarousel2.github.io/OwlCarousel2/demos/responsive.html