一个页面多个swiper怎么弄啊

lven · 发表于 2021-5-21 10:00:53

一个页面多个swiper怎么弄啊
弄的烦躁

Kenny · 发表于 2021-7-5 09:59:57

烦躁啥慢慢来

只会cv · 发表于 2021-6-24 11:47:35

一个页面中引用多个Swiper，可以给每个容器加上ID或Class区分，要保留默认的类名swiper-container。
html
<div class="swiper-container" id="swiper1">....</div>
<div class="swiper-container" id="swiper2">....</div>
js
var swiper1 = new Swiper('#swiper1');
var swiper2 = new Swiper('#swiper2');

但凡你看几眼API的初始化你都问不出这问题

Magnetic · 发表于 2021-6-3 15:17:37

$(".swiper-container").each(function(t, e) {
let o = $(e);
new Swiper(o, {
speed: 1000,
...
})
}

复制代码

坚强勇敢Zzz · 发表于 2021-5-25 09:08:34

swiper-container设置不一样的名字呗，反正我是这么用的，不知道有没有啥别的方法