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();

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

Swiper - Reinitialise once image loaded

javascript

jquery

swiperjs