Почему не работает thumbs в swiper js?

Question

[bQ1]

Скопировал код с документации:

var galleryThumbs = new Swiper('.gallery-thumbs', {
  spaceBetween: 10,
  slidesPerView: 4,
  freeMode: false,
  watchSlidesVisibility: true,
  watchSlidesProgress: true,
});
var galleryTop = new Swiper('.gallery-top', {
  spaceBetween: 10,
  navigation: {
    nextEl: '.swiper-button-next',
    prevEl: '.swiper-button-prev',
  },
  thumbs: {
    swiper: galleryThumbs
  }
});

Все классы стоят, но выводит ошибку

swiper.esm.bundle.js:7476 Uncaught TypeError: Cannot read property '$el' of null
    at Swiper.init (swiper.esm.bundle.js:7476)
    at Swiper.beforeInit (swiper.esm.bundle.js:7606)
    at eval (swiper.esm.bundle.js:286)
    at Array.forEach (<anonymous>)
    at eval (swiper.esm.bundle.js:285)
    at Array.forEach (<anonymous>)
    at Swiper.emit (swiper.esm.bundle.js:279)
    at Swiper.init (swiper.esm.bundle.js:3362)
    at new Swiper (swiper.esm.bundle.js:3245)
    at HTMLDivElement.eval (swiper.esm.bundle.js:3115)

И еще не могу понять как отключить свайп? Ничего из гугла не подошло

Answer 1

[bQ1]

Не работало из за того что у меня было в цикле два слайдера с одинаковым классом => galleryThumbs был как массив а не элемент
А по поводу отключения свайпа => allowTouchMove boolean true/false

Comments

[AndreySocium]

Добрый день! У меня такая же проблема, делаю на Wordpress.
Могли бы вы подробнее указать, что значит galleryThumbs был как массив а не элемент?

[AndreySocium]

Понял! У меня выводится несколько галерей с одинаковыми классами. Как сделать чтобы thumbs заработали для нескольких галерей?