Swiper中文论坛

标题: slideToLoop方法报错 mySwiper.slideToLoop is not a function [打印本页]

作者: LokiNSQ 时间: 2019-8-13 15:23
标题: slideToLoop方法报错 mySwiper.slideToLoop is not a function
代码
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/css/swiper.min.css">
<style>
      html,
      body {
         height: 100%;
      }

      .swiper-container {
         height: 100%;
      }
</style>
</head>

<body>
<div class="swiper-container">
      <div class="swiper-wrapper">
         <div class="swiper-slide">Slide 1</div>
         <div class="swiper-slide">Slide 2</div>
         <div class="swiper-slide">Slide 3</div>
      </div>
      
      <div class="swiper-pagination"></div>

      
      <div class="swiper-button-prev"></div>
      <div class="swiper-button-next"></div>

      
      <div class="swiper-scrollbar"></div>

</div>
<div class="ass">
      5555
</div>
</body>

</html>

<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha256-pasqAKBDmFT4eHoN2ndd6lN370kFiGUFyTiUHWhU7k8=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/js/swiper.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/js/swiper.min.js"></script>
<script>
var mySwiper = new Swiper('.swiper-container', {
      // direction: 'vertical', // 垂直切换选项
      loop: true, // 循环模式选项

      // 如果需要分页器
      pagination: {
         el: '.swiper-pagination',
      },

      // 如果需要前进后退按钮
      navigation: {
         nextEl: '.swiper-button-next',
         prevEl: '.swiper-button-prev',
      },

      // 如果需要滚动条
      scrollbar: {
         el: '.swiper-scrollbar',
      },
})
$(".ass").on("click", function() {
      mySwiper.slideToLoop(3, 1000, false)
})
</script>

微信图片_20190813152223.png (6.08 KB, 下载次数: 196)

作者: admin 时间: 2019-8-13 18:34
启用版本：4.1.5

作者: 1576464141 时间: 2020-10-14 17:25

admin 发表于 2019-8-13 18:34
启用版本：4.1.5

我也遇到同样问题，是启动swiper的还是你的js更新了，我用swiper 4.1.5的也没用。如果你的js和swiper只选一个，会报错那个隐藏方法没有wrapperTransitionEnd

欢迎光临 Swiper中文论坛 (http://bbs.swiper.com.cn/)