我使用猫头鹰旋转木马，在移动视图中，我想只显示一个item.but当我点击下一步按钮第二项是从左侧剪切

/* 示例CSS */
@media (max-width: 768px) {
  .owl-carousel .item {
    width: 100%;
    margin-right: 0;
  }
}

$(document).ready(function(){
  $('.owl-carousel').owlCarousel({
    items: 3, // 默认显示3个项目
    responsive: {
      0: {
        items: 1 // 移动视图下只显示1个项目
      },
      768: {
        items: 2 // 平板视图下显示2个项目
      }
    }
  });
});

<div class="owl-carousel">
  <div class="item">Item 1</div>
  <div class="item">Item 2</div>
  <div class="item">Item 3</div>
</div>

<div class="owl-carousel">
  <div class="item"><img src="image1.jpg" alt="Image 1"></div>
  <div class="item"><img src="image2.jpg" alt="Image 2"></div>
  <div class="item"><img src="image3.jpg" alt="Image 3"></div>
</div>

.owl-carousel .item {
  width: 100%;
}

@media (min-width: 768px) {
  .owl-carousel .item {
    width: 50%;
  }
}

$(document).ready(function(){
  $('.owl-carousel').owlCarousel({
    items: 3,
    responsive: {
      0: {
        items: 1
      },
      768: {
        items: 2
      }
    }
  });
});