关于swiper的使用 安卓没有反应

本次写项目，用到了swiper的插件！

但是领我万万没想到的是，在ios系统下，走的风生水起！

一到安卓手机，竟然GG了！

百思不得其解！怎么都划不动！

没错！就是来回切换换不动！

最后，终于找到了解决办法！

收下要注意版本问题，不容的swiper.min.css和swiper.min,js都是不一样的！小心啊要！

我这里用的是swiper.animate1.0.3.min.js和swiper-4.3.3.min.js，css的话，用swiper.min.css应该差不多，可以满足需求！

 

下面要说的是重点！就是设置问题。我们通常在手机上做的时候，只需要分页就可以了，那就是加上这样的属性:

var swiper = new Swiper('.swiper-container', {
　　//如果需要分页器
　　pagination: {
　　　　el: '.swiper-pagination'
　　}
});

一不小心就是安卓上怎么划拉，都没反应！所以我们要加上这么两句：

var swiper = new Swiper('.swiper-container', {
　　//如果需要分页器
　　pagination: {
　　　　el: '.swiper-pagination'
　　},
　　observer: true,//修改swiper自己或子元素时，自动初始化swiper
　　observeParents: true//修改swiper的父元素时，自动初始化swiper
});

然后安卓上就可以用啦！

以上就是今天的写作问题，及解决方案！

转载于:https://www.cnblogs.com/yimei/p/9182711.html