Swiper.js:已忽略延迟参数

Question

我正在使用swiper.js创建一个简单的幻灯片。

我的配置如下所示：

var mySwiper = new Swiper( '#swiper-container',
                               {
                                   autoplay: {
                                       delay : 400000
                                   },
                                   loop: true,
                                   speed: 2800,
                                   grabCursor : true

                               }
                             );

这很有效..。除了'delay‘参数被忽略之外。

我还尝试在autoplay对象之外设置了'delay‘参数，如下所示：

V

ar mySwiper = new Swiper( '#swiper-container',
                               {
                                   autoplay: true,
                                   delay: 4000,
                                   loop: true,
                                   speed: 2800,
                                   grabCursor : true

                               }
                             )

；

这没什么用。延迟值将被忽略。

这里会发生什么呢？

Answer 1

根据Swiper官方文档，您编写它的方式应该可以工作。但您也可以尝试将延迟设置为自动播放值，它应该可以做到这一点：

var mySwiper = new Swiper( '#swiper-container', {
    autoplay: 4000,
    loop: true,
    speed: 2800,
    grabCursor : true
});

上面的代码已经在当前的Swiper版本(4.1.0)上进行了测试。

Answer 2

autoplay : 4000 //适用于3.x.x版本

autoplay : false或{ delay:4000, ....} //适用于4.x.x版本

详细信息请参阅github文档

Answer 3

自动播放需要一个布尔值，这不是一个选项，我找到了一个有效的选项。这在文档中已经很清楚了

所以你只需要将这个参数添加到你的div class="swiper-slide"中，它就可以工作了：

data-swiper-autoplay="2000"