Swiper使用方法和遇到的坑

Swiper官网
Swiper 一款开源免费的触摸滑动的H5插件

	***使用方法***`

1.首先加载插件，需要用到的文件有swiper.min.js和swiper.min.css文件。可下载Swiper文件或使用CDN。

    ...
    


    ...
    
    ...

2.HTML内容。

    

        
Slide 1
        
Slide 2
        
Slide 3
    
    
    

    
    
    

    

    
    
    

3.你可能想要给Swiper定义一个大小，当然不要也行

.swiper-container {
    width: 600px;
    height: 300px;
}  

4.初始化Swiper：最好是挨着标签

...

如果不能写在HTML内容的后面，则需要在页面加载完成后再初始化。

或者这样（Jquery和Zepto）(推荐)

遇到的坑

如果列表在开始是隐藏的 后期手动显示的话会出现莫名其妙的BUG 比如我遇到的是运行后列表操作出错,需要拖动一下边框才正常显示 我的解决方法是进入页面的时候列表是显示状态 在加载的同时初始化列表后隐藏
$(’#swiper’).hide();
如果各位大佬有更好的解决方法欢迎留言.