Swiper.js 循环:当 slidesPerView 和 slidesPerColumn 设置时 true 不工作
Swiper.js Loop: true not working when slidesPerView and slidesPerColumn set
当使用非常流行的 swiper.js 时,通常会按预期工作。但是目前 loop = true 不起作用,因为我们启用了 slidesPerView 和 slidesPerColumn。
目前有:
var mySwiper = new Swiper ('#my-swiper', {
slidesPerView: 3,
slidesPerColumn: 2,
spaceBetween: 30,
speed: 2000,
loop: true,
autoplay: {
delay: 1000,
disableOnInteraction: false,
},
其他几个 运行 遇到了类似的问题,但没有明确的解决方案。有人指出他们添加了帮助解决问题:
setTimeout(function(){
mySwiper.update(true);
mySwiper.slideTo(0, 0)
}, 100);
尝试在上面的代码块之后添加,但它们根本没有任何动作。如果我将它添加到上面的代码块中,那么它会在每张幻灯片上显示一个大缩略图,而不是 6 个。有什么想法吗?
开发人员已确认当前 slidesPerColumn 与循环不兼容,这就是它中断的原因。希望这将很快得到解决。与此同时,我的解决方法是必须实例来模拟 2 行。由于几个原因并不理想,但至少用户的最终结果是相同的。
当使用非常流行的 swiper.js 时,通常会按预期工作。但是目前 loop = true 不起作用,因为我们启用了 slidesPerView 和 slidesPerColumn。
目前有:
var mySwiper = new Swiper ('#my-swiper', {
slidesPerView: 3,
slidesPerColumn: 2,
spaceBetween: 30,
speed: 2000,
loop: true,
autoplay: {
delay: 1000,
disableOnInteraction: false,
},
其他几个 运行 遇到了类似的问题,但没有明确的解决方案。有人指出他们添加了帮助解决问题:
setTimeout(function(){
mySwiper.update(true);
mySwiper.slideTo(0, 0)
}, 100);
尝试在上面的代码块之后添加,但它们根本没有任何动作。如果我将它添加到上面的代码块中,那么它会在每张幻灯片上显示一个大缩略图,而不是 6 个。有什么想法吗?
开发人员已确认当前 slidesPerColumn 与循环不兼容,这就是它中断的原因。希望这将很快得到解决。与此同时,我的解决方法是必须实例来模拟 2 行。由于几个原因并不理想,但至少用户的最终结果是相同的。