一个页面多个swiper怎么弄啊

lven

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

坚强勇敢Zzz

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

Magnetic

1. $(".swiper-container").each(function(t, e) {
   
2.             let o = $(e);
   
3.             new Swiper(o, {
   
4.                 speed: 1000,
   
5.                     ...
   
6.                 })
   
7.         }

复制代码

只会cv

一个页面中引用多个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的初始化  你都问不出这问题

Kenny

烦躁啥 慢慢来