相关疑难解决方法(0)

我正在尝试slidesPerView: 'auto'与spaceBetween: 20属性一起使用，但Swiper每个视图只显示一张幻灯片。

我想在第一张幻灯片之后立即显示下一张幻灯片，即使它会被文档宽度切割。

  $(document).ready(function () {
     //initialize swiper when document ready
     var mySwiper = new Swiper('.swiper-container', {
        // Optional parameters
        loop: false,
        slidesPerView: 3,
        spaceBetween: 40,
        navigation: {
           prevEl: '.slider .prev-btn',
           nextEl: '.slider .next-btn',
        },
        breakpoints: {
           1200: {
              slidesPerView: 'auto',
              spaceBetween: 40,
           },
           830: {
              slidesPerView: 'auto',
              spaceBetween: 10, // <- doesn't work
           }
        }
     });
  });

但它每个视图只显示一张幻灯片并忽略选项中设置的空间。

如何严格设置幻灯片之间的空间？