swiper遇到的坑

1.一个页面引用多个swiper插件，出现混乱问题；
解决方法：
1.实例化swiper时加上其父元素加以区分
2.Swiper加上ID或Class区分，要保留默认的类名swiper-container

如下：

<script>
            var swiper = new Swiper('.course_banner2 .swiper-container', {
                pagination: '.course_banner2 .swiper-pagination',
                paginationClickable: true,
                loop: true,
                autoplay: 2500
            });
            </script>

2. swiper隐藏之后，再显示，滑动不流畅，且无限滑动会失败；

解决方法： 添加一下两个属性

observer: true,//修改swiper自己或子元素时，自动初始化swiper
　　　　observeParents: true,//修改swiper的父元素时，自动初始化swiper

3.动态生成的swiper，如append()，或html()添加的，无限滑动效果失败；

解决方法：

a. 添加上面两个属性

b.把swiper方法写在动态生成的方法里面

如下所示：

function bigPic(comment_id) {
        $('.wi