Задать вопрос
@syavak
javascript

Почему некорректно работает swiper в tab-content блоке bootstrap?

Проблема в том что при загрузке страницы swiper некорректно работает при переходе в другой nav-item, (в nav_item active он работает корректно) показывает только 1 swiper-slide вместо 3. Хотя в консоле или при уменьшении/увеличении размера экрана он начинает работать нормально.
5d77ae01b9044906484671.png5d77ae1232846103927146.png5d77ae150676f430969881.png5d77ae1a94e62674845789.png
5d77ae741c8ba595345740.png
  • Вопрос задан
  • 230 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Пригласить эксперта
Ответы на вопрос 1
lazalu68
@lazalu68
Salmon
Полагаю, суть вот в этой строчке из документации:

swiperContainer - HTMLElement or string (with CSS Selector) of swiper container HTML element. Required.


Как бы это ни было странно, вы должны передать один элемент или селектор который выберет один элемент. В доказательство вот вам демка из документации
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Middle JavaScript Developer
AppsTrain.io
от 80 000 до 180 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
8266 f12 требуется сделать ревью и оптимизировать работу
26 апр. 2024, в 20:42
2000 руб./за проект
Доработать и интегрировать модуль на WordPress
26 апр. 2024, в 19:53
5000 руб./за проект
Разработать Telegram mini app
15 апр. 2024, в 22:14
30000 руб./за проект
Ещё заказы