javascript - "Uncaught TypeError: Cannot read property ' 在 autoplay.stop() 上停止 ' of undefined"(Swiper)

Question

我已经在 Wordpress 设置中初始化了两个 Swiper 实例。幻灯片本身按预期工作，但当我尝试在悬停时停止其中一张幻灯片的自动播放时，我在控制台中收到 Uncaught TypeError: Cannot read property 'stop' of undefined 。

我的 Javascript 中的设置如下所示:

var newsSwiper = new Swiper ('.s2', {
    // Optional parameters
    direction: 'horizontal',
    loop: true,
    slidesPerView: 3,
    spaceBetween: 20,
    autoplay: {
      delay: 5000,
    },
  });

  var filmSwiper = new Swiper ('.s1', {
    // Optional parameters
    direction: 'horizontal',
    loop: true,
    slidesPerView: 'auto',
    spaceBetween: 20,

    // Navigation arrows
    navigation: {
      nextEl: '.swiper-button-next',
      prevEl: '.swiper-button-prev',
    },
  });

  jQuery(".s2").hover(function() {
    newsSwiper.autoplay.stop();
  });

阅读一些内容后issues在 Swiper 的 Github 上，这似乎是正确的做法。但由于某种原因，该函数无法识别 newsSwiper 变量。有什么想法吗？

Answer 1

不久之后我就发现了这个问题。问题出在标记中，我不小心在两个幻灯片上使用了相同的类 (.s2)。对其进行更改，以便只有一张幻灯片具有 .s2 类，从而使错误消失。