@hooli-gun

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

В табах реализованы слайдеры, но работает только первый, остальные не корректно отображает в чем причина?
код
  • Вопрос задан
  • 57 просмотров
Решения вопроса 1
@Warlynn
var swiper = new Swiper(".mySwiper", {
  slidesPerView: 3,
  spaceBetween: 30,
  observer: true,
  observeParents: true,
  pagination: {
    el: ".swiper-pagination",
    clickable: true,
  },
});
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
delphinpro
@delphinpro Куратор тега CSS
frontend developer
Слайдер не может инициализироваться на скрытом элементе (чаще всего по причине отсутствия размеров).
Значит инициализацию слайдеров нужно делать при открытии вкладки.
Если для вкладок используется адекватное решение, то у них есть событие, стреляющее при отображении вкладки. Вот в нем и делается инициализация слайдера внутри этой вкладки. В ваших кастомных табах, слайдер можно запускать в коллбэке анимации fadeIn.
Ответ написан
Ваш ответ на вопрос

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

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