移动端滑动插件 swiper

swiper.js能适用于用PC网页,也能使用移动端页面,之前用TouchSwipe,感觉没有swiper.js强大,TouchSwipe有一个bug,在滑动区域有连接的时候(大面积的a),默认点击会无效,只能滑动,即时用jq去模拟点击也是失效的,也许是自己没有发现正确使用方法,求问度娘,发现swiper神器。。。

下面放上代码,

//滑动效果
        var swiper = new Swiper('.swiper-container', {
            pagination: '.swiper-pagination',//分页
            paginationClickable: true,//是否允许点击
            paginationBulletRender: function (index, className) {
                return '<a class="' + className + '">' + aNav[index] + '</a>';//自定义分页导航的样式,如果不需要自定义分页样式,这段删除即可
  } });

如果不需要分页,直接 

var swiper = new Swiper('.swiper-container')即可

中文介绍网站:http://www.swiper.com.cn/

英文网站:http://www.idangero.us/swiper/#.ViWxbdKqpBc

原文地址:https://www.cnblogs.com/sanfense/p/4894240.html