javascript - Swiper - 加载图像后重新初始化

Question

需要一些关于 swiper 插件的说明。在其他页面中使用，它工作正常。仅在特定页面上，我们会手动更新图像以根据用户偏好进行更改。更改图像后，我们需要初始化 Swiper carosuel。

使用 swiper.init() 或 destroy(true, true) 以多种方式进行了尝试。但它没有初始化组件。不确定这个插件是否不支持这个逻辑。

我们是否可以像下面这样初始化 swiper 并在浏览器控制台中验证。

var swiper = new Swiper('.swiper-container'){
          loop: true,
          slidesPerView: 1,
          autoplay: 2000
        }

setTimeout(function() { swiper.init(); },10000);

Answer 1

将 swiper 实例放入一个函数中，并在您想要初始化 swiper 时使用该函数。

function initSwiper() {
 new Swiper('.swiper-container'){
  loop: true,
  slidesPerView: 1,
  autoplay: 2000
 }
};

initSwiper();