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

Question

[Lolka21]

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

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

вот запуск слайдеров

// Внутренний маленький
  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,
      },
    },
  });

подскажите пожалуйста, как это исправить

Comments

[Danny Arty]

Потому что инициализируются только первые внутренние слайдеры - те, что в первом слайде.
Вам нужно инициализировать все, используется each (если jquery), или forEach (если нативный js)

[Lolka21]

Danny Arty, как это сделать если я внутренние два слайдера соединяю между собой... ?

Answer 1

[Сергей К]

Каждый слайдер заключить в отдельный тег script