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

Скопировал код с документации:
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)


И еще не могу понять как отключить свайп? Ничего из гугла не подошло
  • Вопрос задан
  • 2133 просмотра
Решения вопроса 1
@bQ1 Автор вопроса
Не работало из за того что у меня было в цикле два слайдера с одинаковым классом => galleryThumbs был как массив а не элемент
А по поводу отключения свайпа => allowTouchMove boolean true/false
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы