如何在 IE 上使用刷卡器?有什么解决办法吗?
How can I use swiper on IE? is there any solution?
Swiper 滑块在 chrome 上没问题,但在 Internet Explorer 中,它不起作用 我如何解决这个问题 有人有解决方案吗?如果是,请分享谢谢
我在IE 11下测试了官方demo,无法运行。我发现 Swiper 从 v5 开始就放弃了对 IE 11 的支持。您可以查看 this commit and this thread。现在最新版本是v6.0.4所以不能在IE 11中使用
如果你想在 IE 11 上使用 Swiper,我想你可以使用 v4.x,这是支持 IE 的最新版本。更多信息,您可以参考this thread.
我对 Swiper 滑块进行了一些研究,我发现该滑动器不适用于 Internet Explorer,但唯一适用于旧版浏览器的 2.xx 版本,我试过了,但它不适用于 Internet Explorer我。在对滑块做了更多研究后,我得到了一个与滑动器相同的 Slick 滑块。它还适用于 Internet Explorer 和其他浏览器。我像以前在 swiper
中一样做了一些代码
$('.slider').slick({
slidesToShow: 5,
slidesToScroll: 1,
speed: 500,
dots: true,
arrows: false,
centerMode: false,
focusOnSelect: false,
autoplay: true,
autoplaySpeed: 2000,
slide: 'div',
responsive: [
{
breakpoint: 900,
settings: {
slidesToShow: 4,
slidesToScroll: 1,
}
},
{
breakpoint: 425,
settings: {
slidesToShow: 3,
slidesToScroll: 1
}
},
{
breakpoint: 375,
settings: {
slidesToShow: 2,
slidesToScroll: 1
}
}
// You can unslick at a given breakpoint now by adding:
// settings: "unslick"
// instead of a settings object
]
});
用这个HTML
<div class="slider">
<div class="item"><img src="images/logo1.png" alt="Logo"></div>
<div class="item"><img src="images/logo2.png" alt="Logo"></div>
<div class="item"><img src="images/logo3.png" alt="Logo"></div>
<div class="item"><img src="images/logo4.png" alt="Logo"></div>
<div class="item"><img src="images/logo5.png" alt="Logo"></div>
</div>
我还链接了 cdn 文件以获取更多信息,请访问官方 slick 站点 here
在我工作的公司,我们必须支持 IE11,这是众所周知的一个令人头疼的问题。经过几个小时的谷歌搜索和尝试不同的修复,我终于找到了一个!
我将 swiper 降级到 v3.4.2 并切换到使用 Swiper jQuery 文件而不是常规 swiper.js
文件和 tada!成功了!
如果有人在 2021 年遇到此问题,这就是适合您的解决方法。
使用 swiper.jquery.min.js
文件 here。 v3.4.2 中使用 swiper 的方式与最新版本相比发生了一些变化,因此您需要查看一些示例以使您的代码正常工作。
Swiper 滑块在 chrome 上没问题,但在 Internet Explorer 中,它不起作用 我如何解决这个问题 有人有解决方案吗?如果是,请分享谢谢
我在IE 11下测试了官方demo,无法运行。我发现 Swiper 从 v5 开始就放弃了对 IE 11 的支持。您可以查看 this commit and this thread。现在最新版本是v6.0.4所以不能在IE 11中使用
如果你想在 IE 11 上使用 Swiper,我想你可以使用 v4.x,这是支持 IE 的最新版本。更多信息,您可以参考this thread.
我对 Swiper 滑块进行了一些研究,我发现该滑动器不适用于 Internet Explorer,但唯一适用于旧版浏览器的 2.xx 版本,我试过了,但它不适用于 Internet Explorer我。在对滑块做了更多研究后,我得到了一个与滑动器相同的 Slick 滑块。它还适用于 Internet Explorer 和其他浏览器。我像以前在 swiper
中一样做了一些代码$('.slider').slick({
slidesToShow: 5,
slidesToScroll: 1,
speed: 500,
dots: true,
arrows: false,
centerMode: false,
focusOnSelect: false,
autoplay: true,
autoplaySpeed: 2000,
slide: 'div',
responsive: [
{
breakpoint: 900,
settings: {
slidesToShow: 4,
slidesToScroll: 1,
}
},
{
breakpoint: 425,
settings: {
slidesToShow: 3,
slidesToScroll: 1
}
},
{
breakpoint: 375,
settings: {
slidesToShow: 2,
slidesToScroll: 1
}
}
// You can unslick at a given breakpoint now by adding:
// settings: "unslick"
// instead of a settings object
]
});
用这个HTML
<div class="slider">
<div class="item"><img src="images/logo1.png" alt="Logo"></div>
<div class="item"><img src="images/logo2.png" alt="Logo"></div>
<div class="item"><img src="images/logo3.png" alt="Logo"></div>
<div class="item"><img src="images/logo4.png" alt="Logo"></div>
<div class="item"><img src="images/logo5.png" alt="Logo"></div>
</div>
我还链接了 cdn 文件以获取更多信息,请访问官方 slick 站点 here
在我工作的公司,我们必须支持 IE11,这是众所周知的一个令人头疼的问题。经过几个小时的谷歌搜索和尝试不同的修复,我终于找到了一个!
我将 swiper 降级到 v3.4.2 并切换到使用 Swiper jQuery 文件而不是常规 swiper.js
文件和 tada!成功了!
如果有人在 2021 年遇到此问题,这就是适合您的解决方法。
使用 swiper.jquery.min.js
文件 here。 v3.4.2 中使用 swiper 的方式与最新版本相比发生了一些变化,因此您需要查看一些示例以使您的代码正常工作。