Javascript 如何在IE上使用swiper?有什么解决办法吗?

Javascript 如何在IE上使用swiper?有什么解决办法吗?,javascript,internet-explorer,slider,frontend,swiper,Javascript,Internet Explorer,Slider,Frontend,Swiper,Swiper slider在chrome上是可以的,但在InternetExplorer中,它不起作用。我是如何解决这个问题的?有人对此有解决方案吗?如果是,请分享,谢谢我在IE 11中测试了官方演示,但它无法工作。我发现Swiper从v5开始就放弃了对IE 11的支持。你可以检查一下。现在最新的版本是v6.0.4,所以它不能在IE11中工作 如果你想在IE 11上使用Swiper,我想你可以使用v4.x,这是支持IE的最新版本。有关更多信息,你可以参考。我对Swiper slider进行了一些

Swiper slider在chrome上是可以的,但在InternetExplorer中,它不起作用。我是如何解决这个问题的?有人对此有解决方案吗?如果是,请分享,谢谢

我在IE 11中测试了官方演示,但它无法工作。我发现Swiper从v5开始就放弃了对IE 11的支持。你可以检查一下。现在最新的版本是v6.0.4,所以它不能在IE11中工作


如果你想在IE 11上使用Swiper,我想你可以使用v4.x,这是支持IE的最新版本。有关更多信息,你可以参考。

我对Swiper slider进行了一些研究,发现Swiper不适用于Internet Explorer,但是唯一适用于较旧浏览器的2.xx版本,我试过了,但不管用。在对滑块做了更多的研究之后,我得到了一个光滑的滑块,其工作原理与swiper相同。它也适用于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网站,我们必须支持IE11,这是大家都知道的令人头痛的问题。经过几个小时的谷歌搜索和尝试不同的修复,我终于找到了一个

我将swiper降级到v3.4.2,转而使用swiper jQuery文件,而不是常规的
swiper.js
文件和tada!成功了

如果有人在2021年面临这个问题,这是你的解决办法


使用
swiper.jquery.min.js
文件。使用swiper的方法在最新版本的v3.4.2中有一些变化,因此您需要查看一些示例,以使代码正常工作。

谢谢您的回答!但我得到了解决方案,我尝试了v2.xx。这是一个适用于IE的版本,但它不起作用,经过一点研究,我得到了我使用的swiper替代滑块,这是一个适用于IE的光滑滑块。很高兴你解决了这个问题!您也可以将详细的解决方案作为答案发布,并在48小时后将您的答案标记为可接受的答案。它可以在将来帮助其他社区成员解决类似的问题。谢谢你的理解,当然!我会更新答案。谢谢你让我知道我有swiper 5.4.5并且在IE11中运行良好。我确认tat swiper 6没有。