栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > JavaScript

Swiper 在IE9 使用遇到的问题及解决办法

JavaScript 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

Swiper 在IE9 使用遇到的问题及解决办法

Swiper 在IE9 及其他浏览器使用 前言

昨天遇到一个问题,swiper 使用版本是3.4.2 除了Ie9浏览器外其他浏览器都正常,IE9 无法轮播,执行控制台报错源码问题。没办法,只能降级兼容了~

  • html 模板引入swiper 相关的js 和 css 文件
	
  • js 文件里面也要判断兼容
  • 注意 控制轮播方向的属性2 和 3 的不一样
	const isIe9 = navigator.appName == "Microsoft Internet Explorer" && navigator.appVersion.split(";")[1].replace(/[ ]/g, "") == "MSIE9.0";
	if(isIe9){
		new Swiper('#swiper-container',{
			loop:true,
			mode:"vertical",// 注意这里 swiper2.7.6 控制轮播方向的是mode 
			autoplay:1500,
		})
	} else{
		new Swiper('#swiper-container',{
			loop:true,
			direction:"vertical",
			autoplay:1500
		})
	}
  • 还遇到个问题就是 swiper2 版本不支持 设置 prevButton 和 nextButton 属性,其他的问题暂时没发现~
    有其他的问题欢迎留言讨论
转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/243759.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号