Jquery 我使用Owl旋转木马,在移动视图中,我只想显示单个项目。但当我单击“下一步”按钮时,第二个项目从左侧被剪切
我使用猫头鹰转盘进行移动查看。我只显示一个项目,但当我单击“下一步”按钮时,第二个项目将从左侧剪切。我还包括了Jquery 我使用Owl旋转木马,在移动视图中,我只想显示单个项目。但当我单击“下一步”按钮时,第二个项目从左侧被剪切,jquery,css,owl-carousel,Jquery,Css,Owl Carousel,我使用猫头鹰转盘进行移动查看。我只显示一个项目,但当我单击“下一步”按钮时,第二个项目将从左侧剪切。我还包括了owl.carousel.css if(jQuery(window).width()Owl carousel有用于响应视图的API。您可以从那里控制要显示的滑块数量。下面是一个演示 所以,尝试使用 jQuery('.owl-carousel').owlCarousel({ // Here goes default configs responsive : {
owl.carousel.css
if(jQuery(window).width()Owl carousel有用于响应视图的API。您可以从那里控制要显示的滑块数量。下面是一个演示
所以,尝试使用
jQuery('.owl-carousel').owlCarousel({
// Here goes default configs
responsive : {
// breakpoint from 0 up
0 : {
stagePadding: 0,
loop: false,
responsiveClass: true,
dots: false,
nav: true,
autoHeight: true,
items: 1
},
// breakpoint from 768 up
768 : {
items: 3
}
}
});
感谢您的回复,在移动视图中已经出现了单个项目,但下一个项目如上图所示被剪切。您是否尝试使用owl转盘API?由于您使用窗口断点启动,这可能会导致一些问题。请尝试内置owl转盘API以获得响应视图。谢谢@Imran Fakhrul。我将尝试