Swiper中文论坛

标题: 一个页面多个swiper怎么弄啊 [打印本页]

---

作者: lven    时间: 2021-5-21 10:00
标题: 一个页面多个swiper怎么弄啊
一个页面多个swiper怎么弄啊
弄的烦躁

---

作者: 坚强勇敢Zzz    时间: 2021-5-25 09:08
swiper-container设置不一样的名字呗，反正我是这么用的，不知道有没有啥别的方法

---

作者: Magnetic    时间: 2021-6-3 15:17

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

复制代码

---

作者: 只会cv    时间: 2021-6-24 11:47
一个页面中引用多个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    时间: 2021-7-5 09:59
烦躁啥 慢慢来

---

欢迎光临 Swiper中文论坛 (http://bbs.swiper.com.cn/)

Powered by Discuz! X3.2