@Lolka21

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

Приветствую... нужна ваша помощь!

У меня получается слайдер в слайдере, на первом слайде внутренний слайдер работает, но на других слайдах, внутренний не работает

вот запуск слайдеров
// Внутренний маленький
  var swiper6 = new Swiper(".clients__sl-small", {
    spaceBetween: 6,
    slidesPerView: 6,
    allowTouchMove: false,
    observer: true,
    observeSlideChildren: true,
    observeParents: true,
    breakpoints: {
      768: {
        spaceBetween: 12,
      },
    },
  });

  // Внутренний большой связанный с маленьким
  var swiper7 = new Swiper(".clients__sl-big", {
    loop: true,
    spaceBetween: 0,
    slidesPerView: 1,
    allowTouchMove: false,
    observer: true,
    observeSlideChildren: true,
    observeParents: true,
    navigation: {
      nextEl: ".swiper-button-next1",
      prevEl: ".swiper-button-prev1",
    },
    thumbs: {
      swiper: swiper6,
    },
  });

  // Основной слайдер
  var swiper = new Swiper(".clients__sl", {
    loop: true,
    spaceBetween: 0,
    slidesPerView: 1,
    observer: true,
    observeSlideChildren: true,
    observeParents: true,
    pagination: {
      el: ".swiper-pagination",
      clickable: true,
    },
    navigation: {
      nextEl: ".swiper-button-next",
      prevEl: ".swiper-button-prev",
    },
    breakpoints: {
      768: {
        allowTouchMove: false,
      },
    },
  });


подскажите пожалуйста, как это исправить
  • Вопрос задан
  • 118 просмотров
Пригласить эксперта
Ответы на вопрос 1
@sergei026
Стремлюсь стать верстальщиком
Каждый слайдер заключить в отдельный тег script
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы