javascript - Swiper slider 报错 startAutoplay is not a function

标签 javascript jquery swiper.js

我遇到了滑动条 slider 的问题。我希望我的刷卡器在鼠标进入时停止并在鼠标离开时继续。但是我的控制台显示错误 --> swiper.stopAutoplay 不是一个函数,而是显示控制台日志。和 startAutoplay 一样。有人知道我做错了什么吗?

<script>
    var swiper = new Swiper('.swiper-container', {
      loop: true,
      speed:2000,
      autoplay: {
        delay: 3500,
      },
      pagination: {
        el: '.swiper-pagination',
      },
    });

(function($) {
$('.swiper-container').on('mouseenter', function(e){
    console.log('stop autoplay');
    swiper.stopAutoplay();
  })

  $('.swiper-container').on('mouseleave', function(e){
    console.log('start autoplay');
    swiper.startAutoplay();
  })
})(jQuery);


  </script>

最佳答案

4.3.5 版本中,您必须使用 autoplay.stopautoplay.start。例如:

var mySwiper = new Swiper('.my-swiper');
$('.my-swiper').hover(function() {
    mySwiper.autoplay.stop();
}, function() {
    mySwiper.autoplay.start();
});

关于javascript - Swiper slider 报错 startAutoplay is not a function,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47920898/

相关文章:

jquery - 使用 anchor 创建平滑滚动

jquery - Swiper slider 在 Bootstrap 选项卡面板内不起作用

jquery - asp.net mvc .ajax 错误捕获

带有@types/swiper 的 Angular

jquery - 较小尺寸的 Youtube 视频在 Swiper 中无法工作

javascript - 在不删除 HTML 的情况下编辑文本

javascript - 使用 Javascript 查找替换 URL 的短部分

javascript - childNodes 忽略某些节点

javascript - jQuery - css ("background-image",变量)不起作用 :(

javascript - jQuery 从逗号分隔列表中删除值