最近在用H5做移动端项目产品模型需要有个左右滑动轮播图效果。

同事介绍swiper这款滑动插件Swiper 是目前较为流行的移动端触摸滑动插件，因为其简单好用易上手受到很多前端开发者的欢迎！于是马上查看帮助文档开始学习。

今天在我使用的时候遇到了辣手的问题使用jquery的ajax动态循环生成当到第二页的时候始终滑动不起来，chrome的手机开发者模式和真机模式全都滑动不起来！

当我在测试的时候静态复制n个块。用Chrome手机开发模式調试左右滑动畅通无阻排除了循环出错的问题！再次翻阅官方文档在初始化增加了2项设置（红色文字）：

但动态加载后Chrome调试手机开发模式可以左右滑动了，很顺通于是真机测试，用苹果手机安卓各项主流手机依然左右滑动不了。再次崩溃~~

于是各种排除问题终于在pc端+迻动端完美解决了问题！问题出在初始化的时候放在html文件了，应该放在接口取值后找到swiper-wrapper类后马上初始化！

swiper这个插件压缩版有53kb分量还是过大在移动端流量如黄金的平台下觉得还是太大。如果有更好的解决方案希望大家可以多多指教!