swiper在IE8下失效

最新推荐文章于 2023-05-26 10:33:12 发布
最新推荐文章于 2023-05-26 10:33:12 发布
阅读量2w 收藏
点赞数 2
分类专栏： web前端 文章标签： ie 8 插件 轮播图 循环
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wanglufei_1992/article/details/52596552
版权

最近在做一个轮播的效果。找到了swiper这个插件。在移动端用着挺好的。但是在PC端的话，IE下效果全部失效。后来了解到，swiper3是专门针对移动端写的。如果想兼容IE8的话，应该引入swiper2.
也就是：idangerous.swiper.js。
另外还有一个Js可以兼容ＩＥ８，用着也还不错：jquery.SuperSlide.2.1.1.js。待会上传资源，有需要的可以去下载。
有不明白的，可微博找我。
微博：璐飞童鞋；后来发现，一旦忙起来，微博也不上的，置顶文章里边我新建了一个微信群，方便大家交流。有需要的小伙伴可以加起来啦

麦兜麦兜麦兜兜
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
引用swiper的vue项目在ie浏览器下打开空白，以及编程习惯方面的思考
weixin_34297704的博客
07-31 594
在做公司官网时前期没注意到检查ie浏览器的兼容，到项目尾声的时候才发现在ie下一片空白。 工程里东西已经很多了，定义不到具体是因为什么出的错，拔剑四顾心茫然的感觉。只想到简单地在网上百度vue项目在ie浏览器下打开空白的解决办法，所有人都说是因为ie对es6的支持度不好，引用Babel-fill就好了。我就照着做了，配置也改了，没有效果，...
swiper2兼容ie8浏览器问题
Blablabla_的博客
10-18 619
目前swiper2的版本才兼容ie8 1.分页按钮问题： <div class="swiper-container" style="height: 545px"> <div class="swiper-wrapper"> <div class="swiper-slide"> <img src="img/banner1.png" cla...
swiper插件在ie浏览器无反应，解决办法
qq_38179746的博客
09-16 1024
在写pc端页面时，用swiper插件发现在ie中用不了，百度下说是swiper从3以后向手机端发展，所以在pc端无响应。后来了解到，swiper3是专门针对移动端写的。如果想兼容IE8的话，应该引入swiper2.也就是：idangerous.swiper.js 官网演示地址：http://2.swiper.com.cn/demo/ swiper2下载...
解决swiper3.0版本在IE浏览器不兼容问题以及VUE箭头函数在IE浏览器里面不兼容
sunnyboysix的博客
08-08 5869
VUE箭头函数在IE浏览器不兼容 myArray.forEach(=&gt;{ ..................... }     把=&gt;改成function（xxx） IE不支持很多VUE的写法，自己可以参考一下ES6   swiper3.0版本在IE上兼容性很差的，公司最新的项目用了3.0的swiper在谷歌浏览器上OK，但是到了IE  9 10 11就没办法正常显...
关于ie浏览器兼容 报错无法获取未定义或null 引用的属性call
asd2437252087的博客
02-14 1万+
出错的原因：ie不支持新的 1.JavaScript语法新特性 2.新的cs特性 3. 新的JavaScript APi 或者 DOM API 这个时候我们就可以使用一个javascript编译器 首先先引入 方法一： 在main.js import 'babel-polyfill';//这样在入口文件中引入将增大文件大小 方法二：在.babelrc文件添加 { "presets": [ "es2015", "react" ], "plugins": [ ...
swiper not define
weixin_41105030的博客
12-05 5415
swiper的一些错误以及解决 开源，免费，强大的触摸滑动插件 发现swiper未定义 swiper使用方法 下载地址 先新建.html测试一下我们的轮播图是否可用,按文档去正确引入 接着我们是否引入的是swiper-4.4.2\dist\js这个目录下的文件，引入的应该是dist下的js，而不是src文件夹下的或其他文件夹 引入到文件中，发现样式没错，但是没有办法实现轮播 我们的swipe...
swiper@4.5.1兼容ie
最新发布
07-04
3. **CSS Hacks**：在某些情况下，为了适应IE的特定渲染方式，Swiper可能使用CSS hack，如条件注释、特定的选择器或者属性前缀，来确保样式在IE中正确显示。 4. **JavaScript Shim**：对于某些JavaScript API的缺失...
swiper在angularjs中使用循环轮播失效的解决方法
10-17
在这种情况下，一个有效的解决办法是在Swiper的初始化代码中使用`setTimeout`函数，通过设定一个微小的延迟（如0毫秒）来确保在AngularJS完成数据绑定和DOM更新后再执行初始化。这是因为`setTimeout`函数会被放入...
swiper 解决动态加载数据滑动失效的问题
08-27
Swiper提供了一个名为`observer`的配置选项，它允许在Swiper实例或其子元素改变时自动重新初始化。配合`observeParents`选项，当Swiper容器的父元素改变时也会触发初始化。这样，即使数据加载后动态添加了新的滑动...
swiper在vue项目中loop循环轮播失效的解决方法
10-18
今天小编就为大家分享一篇swiper在vue项目中loop循环轮播失效的解决方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
JS编写兼容IE6,7,8浏览器无缝自动轮播
12-02
项目要求页面兼容IE6,7,8等浏览器，我们可能会遇到这个轮播效果，轮播板块要求：无限循环、自动轮播和手动切换功能，每一次滚动一小格，网上有很多这类插件，例如:swiper等！ 但是很多都是不兼容IE6,7,8这些低级浏览器的，没有办法，只能自己写一个类似的轮播插件 废话不多说，直接上代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> [removed]</scrip
swiper在ie浏览器下不能兼容。
热门推荐
之度的博客
01-15 1万+
最近在做一个轮播的效果。找到了swiper这个插件。在移动端用着挺好的。但是在PC端的话，IE下效果全部失效。后来了解到，swiper3是专门针对移动端写的。如果想兼容IE8的话，应该引入swiper2.  参考网址http://www.qdfuns.com/notes/24424/fae71714914ba2e9a7c1e0aac5784df7.html
swiper的兼容性（IE、chrome等）
weixin_43074269的博客
06-05 1万+
前几天在开发页面过程中，使用到的swiper插件做轮播图时，遇到了一些问题，chrome、360、QQ浏览器中都能正常显示，在IE10浏览器中显示正常，但是在IE9及以下不能使用。 原因：swiper插件适用于移动端，PC端上面有版本兼容问题，在IE9及以下，使用swiper2的任何版都可以，swiper2 还是很强大的；在IE10以上，以及其他的浏览器，swiper的版本都可以用。所以现在大家在...
解决swiper在ie9以下不兼容问题
zhengxiuchen86的博客
04-09 2211
解决swiper在ie9以下不兼容问题
swiper轮播图如何兼容IE
weixin_59749798的博客
05-26 713
一般做IE的兼容我用的都是swiper2版本的，大部分游览器和IE都可以使用。但是当我切换到IE10，IE11测试的时候，发现轮播到第二张图片的时候就会停止，从网上也找不到有效的方法。之后去官网看了下，发现官网的demo切换到IE10+也会出现这样的情况，当然把autoplay切换时间切换为true的话可以循环一次，无限循环失效。查资料后感觉最好的方法就是下载两个swiper，一个版本2一个版本4.。swiper2兼容IE8,IE9和其他的游览器！swiper4则是可兼容IE10+之上的！
Swiper2兼容IE8
Bright2017的博客
06-10 6625
习惯性了使用最新的Swiper4，但是最近项目需要兼容IE8就让我很不爽了。还好Swiper2也是很棒的。官网演示地址：http://2.swiper.com.cn/demo/刚刚去查看的时候没有发现单独打开的演示按钮，看了源码才知道，自己把路径添加进去就可以看了。单独查看的路径：http://2.swiper.com.cn/demo/01-default.html&lt;!doctype htm...
如何在ie8下使用swiper
qq_33374198的博客
05-28 2964
emmmmm 又来写关于万恶的ie8下的东西啦我是小白 所以 我的文章都是自己的一些小挫折然后mark下的swiper在官方文档中好像已经有4出现了，但是用的比较多的都是3，然而3不兼容到ie8和9，因此如果要兼容到8和9的就使用2吧，千万不要去相信那些什么鬼用2的js去用3的内容。这次遇到的挫折：由于2 是没有左右按钮的，然后根据官网文档有个swipeNext（）和swipePrev（）方法去控...
swiper3.4 IE8兼容性问题
wangqiuchen_Study的专栏
01-06 1万+
swiper3.4在IE8下面会报错，换成idangerous.swiper-2.1.min.js就好了，资源已上传！！！
vue swiper4 swiper-pagination 添加点击失效
05-11
如果您在使用 Vue Swiper 4 和 Swiper Pagination 后，发现点击分页点不能正常切换图片，可以考虑以下解决方案： 1. 确保您的 Swiper Pagination 配置了 clickable 选项，例如： ``` new Swiper('.swiper-container', { // ... pagination: { el: '.swiper-pagination', clickable: true, }, }); ``` 2. 如果您使用了 Vue Swiper 4 的组件形式，可以在 Swiper 组件上绑定 click 事件，并手动调用 Swiper 实例的 slideTo 方法，例如： ``` <swiper :options="swiperOption" @click="handleSwiperClick"> <swiper-slide>Slide 1</swiper-slide> <swiper-slide>Slide 2</swiper-slide> <swiper-slide>Slide 3</swiper-slide> </swiper> // ... methods: { handleSwiperClick(event) { const swiper = this.$refs.mySwiper.swiper; const index = Array.from(event.target.parentNode.children).indexOf(event.target); swiper.slideTo(index); }, }, ``` 这样就可以实现点击分页点切换图片的功能了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值