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();
  });

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

Answer 1

我很快发现了这个问题。问题出现在标记中，我在两个幻灯片上偶然出现了相同的类（.s2）。更改它以便只有一个幻灯片显示类.s2时，错误就会消失。

＆＃34;未捕获的TypeError：无法读取属性＆＃39;停止＆＃39;未定义＆＃34; on autoplay.stop（）（Swiper）

1 个答案: