Swiper中文论坛

标题: swiper2重复调用问题 [打印本页]

作者: 艺灵设计 时间: 2016-9-8 16:15
标题: swiper2重复调用问题
公司网站要改版了，然后我就用了这个很牛b的swiper来做轮播效果，但问题出现了：
一个页面中有多个轮播，简单点来说这是这几个轮播都长一样，大小尺寸都一样，用官方的示例代码展示一下：
<div class="swiper-container">
  <div class="swiper-wrapper">
<div class="swiper-slide blue-slide">slider1</div>
<div class="swiper-slide red-slide">slider2</div>
<div class="swiper-slide orange-slide">slider3</div>
  </div>
</div>

调用js：
var mySwiper = new Swiper('.swiper-container',{
loop: true,
autoplay: 3000
  });

如果把上面的html代码复制5份，运行时下面只有第一个生效而后面的几个不会进行轮播，如果把js也复制几遍改下名字就可以了，但复制js这种方法感觉太麻烦，有其它写法吗？

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