Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/68.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 我使用Owl旋转木马,在移动视图中,我只想显示单个项目。但当我单击“下一步”按钮时,第二个项目从左侧被剪切_Jquery_Css_Owl Carousel - Fatal编程技术网

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。我将尝试