Javascript &引用;未捕获类型错误:无法读取属性';停止';“未定义”的定义;在autoplay.stop()上(Swiper)

Javascript &引用;未捕获类型错误:无法读取属性';停止';“未定义”的定义;在autoplay.stop()上(Swiper),javascript,jquery,swiper,Javascript,Jquery,Swiper,我已经在Wordpress设置中初始化了两个Swiper实例。幻灯片本身按预期工作,但我得到了未捕获的TypeError:当尝试在悬停时停止其中一个幻灯片的自动播放时,无法在控制台中读取未定义的属性“stop” 我的Javascript中的设置如下所示: var newsSwiper = new Swiper ('.s2', { // Optional parameters direction: 'horizontal', loop: true, slidesPe

我已经在Wordpress设置中初始化了两个Swiper实例。幻灯片本身按预期工作,但我得到了
未捕获的TypeError:当尝试在悬停时停止其中一个幻灯片的自动播放时,无法在控制台中读取未定义的属性“stop”

我的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上的一些内容后,这似乎是正确的方法。但由于某些原因,函数无法识别
newswiper
变量。知道为什么吗?

我很快就发现了问题。问题出在标记中,我无意中在两个幻灯片上都有相同的类(
.s2
)。更改它,使幻灯片中只有一个类为
.s2
时,错误消失了