swiper能不能在一个页面里循环使用？

jiajiaWU

因为不知道我这个页面里面会出现多少次这个滚动效果，所以我想写一个循环 ，可是作为小白的我，表示不知道该怎么循环啊，求大神们指点指点啊

kalmanboy

这个是可以的，改下触发事件的id就可以

hanuser2008

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

789998

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

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. }

复制代码