html
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">slider1</div>
<div class="swiper-slide">slider2</div>
<div class="swiper-slide">slider3</div>
</div>
</div>
js初始化
<script language="javascript">
var mySwiper = new Swiper('.swiper-container',{
slidesPerView : 3, // 页面显示的个数
spaceBetween : 20, //间距
//spaceBetween : '10%',按container的百分比
// 遇到ajax动态渲染的数据,解决滑动失效问题
observer:true,
grabCursor: true,
})
</script>