关于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应该差不多,可以满足需求!下面要说的是重点!我们通常在手机上做的时候,只需要分页就可以了,那就是加上这样的属性:varswiper=newSwiper;一不小心就是安卓上怎么划拉,都没反应!

本次写项目,用到了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
});

然后安卓上就可以用啦!

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

免责声明:文章转载自《关于swiper的使用 安卓没有反应》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇【PHP】PHPUnit单元测试利器:PHP Mock的使用方法mvn打包时,出现数据库连接错误下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

获取Android设备唯一标识码

概述 有时需要对用户设备进行标识,所以希望能够得到一个稳定可靠并且唯一的识别码。虽然Android系统中提供了这样设备识别码,但是由于Android系统版本、厂商定制系统中的Bug等限制,稳定性和唯一性并不理想。而通过其他硬件信息标识也因为系统版本、手机硬件等限制存在不同程度的问题。 下面收集了一些“有能力”或“有一定能力”作为设备标识的串码。 DE...

New Moto X 2014 全版本RSD&Fastboot刷官方底包教程

本来我是不想写教程的,因为这样的教程实在是太多了,基本上大家也都会了,为什么还要多次一举,发来发去的呢?实在没什么意义!但是我觉得吧,别人的教程写的都太过简单,太过明了了,有时候我们很难理解,这到底是怎么操作的,他一句话就概括了,我们却一头雾水,不知道如何做到,然后又要问东问西去解答。首先要了解我们为什么要刷底包,刷底包有什么作用?底包就像是window的...

Gnirehtet、adb安卓手机通过USB连接到电脑上网

Gnirehtet 该项目通过 adb 为 Android 设备提供 reverse tethering(反向网络连接),允许设备在插入计算机后,使用计算机的互联网连接 github地址:Genymobile/gnirehtet: Gnirehtet provides reverse tethering for Android 参考文章:【gnirehte...

Android网页浏览器的开发

Android网页浏览器的核心Widget是包含了WebKit的WebView。 首先,布局文件activity_main.xml: <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.and...

[转]如何让Android字体自适应屏幕分辨率

本文转自:http://www.cnblogs.com/tt_mc/archive/2012/03/10/2389555.html 在不同的分辨率下,Android字体大小怎么自适应分辨率的变化? 假设需要适应320x240,480x320分辨率。在res目录下新建文件夹values-320x240,values-480x320。然后在文件夹values...

误删安卓Android sdk包,打包出现错误解决

手贱删了些sdk以腾电脑空间。结果ionic打包Android出错。 0,SDK Manager AVD Manager都打不开了啊,啊,啊,啊,啊。。。 这个也是需要下载Android SDK Manager,与下面相同。 1,Could not find gradle wrapper within Android SDK. Might need to...