Question

我正在设置swiper.js库（http://idangero.us/swiper/），并且设置有问题。我尝试将swiper设置为在桌面尺寸上开始自动播放，并在移动设备上停止自动播放（例如768px下）。即使您尝试在没有刷新页面的情况下进行响应，一切也可以在桌面上正常运行。页面刷新后问题开始于移动设备大小。滑动忽略所有设置，直到页面调整大小。

演示：https://codepen.io/anon/pen/WWdera

var swiper = new Swiper('.swiper-container', {
      autoplay: {
          delay: 1000
        },
      breakpoints: {
        768: {
          autoplay: {
            delay: false
          }
        }
      },
      pagination: {
        el: '.swiper-pagination',
        clickable: true,
      },
      navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
      },
    });

有人知道我在做什么错吗？谢谢

Answer 1

这在重新启动后有效。您需要将自动播放对象更改为布尔值

var swiper = new Swiper('.swiper-container', {
  autoplay: {
      delay: 1000
    },
  breakpoints: {
    768: {
      autoplay: false
    }
  },
  pagination: {
    el: '.swiper-pagination',
    clickable: true,
  },
  navigation: {
    nextEl: '.swiper-button-next',
    prevEl: '.swiper-button-prev',
  },
});

Swiper.js断点自动播放问题

1 个答案: