Почему не работает слайдер?

Question

[hooli-gun]

В табах реализованы слайдеры, но работает только первый, остальные не корректно отображает в чем причина?
код

Answer 1

[Warlynn]

var swiper = new Swiper(".mySwiper", {
  slidesPerView: 3,
  spaceBetween: 30,
  observer: true,
  observeParents: true,
  pagination: {
    el: ".swiper-pagination",
    clickable: true,
  },
});

Comments

[hooli-gun]

Спасибо

Answer 2

[Сергей delphinpro]

Слайдер не может инициализироваться на скрытом элементе (чаще всего по причине отсутствия размеров).
Значит инициализацию слайдеров нужно делать при открытии вкладки.
Если для вкладок используется адекватное решение, то у них есть событие, стреляющее при отображении вкладки. Вот в нем и делается инициализация слайдера внутри этой вкладки. В ваших кастомных табах, слайдер можно запускать в коллбэке анимации fadeIn.