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这种方法感觉太麻烦，有其它写法吗？