Swiper中文论坛

标题: swiper能不能在一个页面里循环使用？ [打印本页]

---

作者: jiajiaWU    时间: 2016-1-13 15:11
标题: swiper能不能在一个页面里循环使用？
因为不知道我这个页面里面会出现多少次这个滚动效果，所以我想写一个循环 ，可是作为小白的我，表示不知道该怎么循环啊，求大神们指点指点啊

C3DF4387-8C6B-4181-AF56-5A0DD6F1D42D.png (227.85 KB, 下载次数: 95)

下载附件  保存到相册

2016-1-13 15:09 上传

代码

---

作者: kalmanboy    时间: 2016-1-19 10:28
这个是可以的，改下触发事件的id就可以

---

作者: hanuser2008    时间: 2016-1-27 19:40
在 swiper2 里，只用初始化一次，相同的都能正常运行，除了scrollbar的样式会出错！
例子swiper2 demo演示里的19-chaining.html
swiper3这样写就不会成功~

---

作者: 789998    时间: 2016-2-1 13:27


楼主看我这个可是你想要的意思

1. var x = document.getElementsByClassName("swiper-container-h");
   
2. var i;
   
3. for (i = 0; i < x.length; i++) {
   
4.         var swiperH = new Swiper(x[i], {
   
5.                 paginationClickable: true,
   
6.                 nextButton: '.swiper-button-next',
   
7.                 prevButton: '.swiper-button-prev',
   
8.                 pagination: '.swiper-pagination-h',        
   
9.         });
   
10. }

复制代码

---

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

Powered by Discuz! X3.2