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

本次写项目,用到了swiper的插件!

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

一到安卓手机,竟然GG了!

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

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

最后,终于找到了解决办法!

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

我这里用的是swiper.animate1.0.3.min.jsswiper-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
});

然后安卓上就可以用啦!

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

posted @ 2018-06-14 13:59  鐦鐦  阅读(455)  评论(0编辑  收藏  举报