关于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
});
然后安卓上就可以用啦!
以上就是今天的写作问题,及解决方案!