Javascript 设备上的Owl转盘宽度问题

我有一个猫头鹰转盘（v2.3.4）的问题，我看不出如何解决。在设备上，它似乎随机调整旋转木马的大小，图像就会消失。有时我可以看到传送带已正确加载，但随后突然发生变化，当我与已加载的另一个猫头鹰传送带交互时，它似乎也发生了变化。我尝试添加一个单独的包装器来控制宽度，使用一个/两个调用加载两个旋转木马，延迟初始化等

这是第二个猫头鹰旋转木马在绿色块，有上述问题。您可以在此处看到开发页面：

由于我只希望在设备上使用此滑块，因此我目前正在使用以下Javascript：

$(function() {

if ($(window).width() < 768) {

    startCarousel();

  } else {

    $('.mob-carousel').addClass('off');

  }

  $(window).on('resize', function() {

    if ($(window).width() < 768) {

      startCarousel();

    } else {

      stopCarousel();

  }

});

function startCarousel() {
  $('.mob-carousel').owlCarousel({
    loop: true,
    margin: 0,
    nav: false,
    dots: false,
    items: 1,
    mouseDrag: true,
    touchDrag: true,
    navText: ["<img src='" + get_template_directory_uri + "/assets/images/right.svg'>", "<img src='" + get_template_directory_uri + "/assets/images/swipe-left.svg'>"],
  });
}

function stopCarousel() {
    var owl = $('.mob-carousel');
    owl.trigger('destroy.owl.carousel');
    owl.addClass('off');
}

$（函数（）{
如果（$（窗口）.width（）<768）{
startCarousel（）；
}否则{
$（'.mob carousel'）.addClass（'off'）；
}
$（窗口）.on（'resize'，function（））{
如果（$（窗口）.width（）<768）{
startCarousel（）；
}否则{
停止转盘（）；
}
});
函数startCarousel（）{
$（'.mob carousel'）.owlCarousel({
循环：对，
保证金：0，
导航：错，
点：错，
项目：1，
是的，
真的，
导航文本：[“”，“”]，
});
}
函数stopCarousel（）{
var owl=$（'.mob carousel'）；
触发器（'destroy.owl.carousel'）；
owl.addClass（'off'）；
}

您是否尝试设置响应断点？以及其中的属性。如果没有，请看一看，谢谢Awais，我已经尝试过了，但没有任何区别。有趣的是，autoWidth:true修复了问题，但这显然使您能够看到多个项目。如果您在bre中设置了

项目

编号，可能有一种解决方法ak指向

1

，然后它应该只显示一项旋转木马是如何工作的。您能用最新的代码更新代码吗？或者可能是好的，请对您的代码做一个简单的示例，谢谢