Question

我有一个swiper，我希望能够动态切换progress参数（我正在使用swiper-smooth-progress插件）。

我像这样初始化了swiper：

var mySwiper = $('.swiper-container').swiper({
   progress: false;    //slides just slide horizontally
});

此时，swiper-smooth-progress插件未启用，因此幻灯片从右向左滑动。到目前为止，非常好。

但是，在使用：

更改progress参数后

var newValue = true;
mySwiper.params.progress = newValue;
mySwiper.reInit();

幻灯片不随新效果移动。我已通过查看progress并查看它现在为mySwiper.params.progress来验证true是否已使用新参数设置。所以问题是：新的进度效果可以动态实现，还是我需要销毁slilder并使用新参数创建一个新的？

Answer 1

reInit()没有看到进度插件。

当您在第一个实例中设置progress = true时，一切正常，但是当您将其设置为false并且reInit时，它将不会初始化进度。

您可以通过将其设置为true来测试，然后：

console.log(mySwiper.progress)

您将看到swiper当前进度的值。

如果将其设置为false然后尝试相同的控制台日志，则不会得到数字。

此插件存在一些根深蒂固的问题，它也不会在内部监听进度更新。也许联系创作者