У меня есть табы. В каждом табе имеется слайдер с карточками. Для карточки прописана ширина. На самом первом табе все нормально, но когда я выбираю другой, например, собаки, то карточки в слайде уменьшаются, хотя инспектор кода говорит, что это не так. При этом как только я проматываю слайдер на стрелочку, то элементы становятся как нужно. Прикрепил скрины для более лучшего понимания
начнем с того, что slick сам подставляет ширину элементов в зависимости от ширины контейнера и количества видимых элементов.
В вашем случае slick.js поставил элементам ширину 0px. Мне кажется вы где-то ошиблись по структуре
Данил Флигинский, Потому что на скрытой вкладке ширина не вычисляется.
табы на чистом js
тем более проще.
или есть событие переключения таба и к нему привязываешь $(".slider").slick('reinit');
либо в само переключение таба добавляешь.
только слайдер должен быть подключен раньше табов.
Как то так ну или песочницу сделай.
Froggyweb, Я сделал как ты сказал. Проблема карточек исчезла. Но теперь табы переключаются секунд 3-5. Очень долго. А dots внизу слайдера клонируются и вместо 2-3 из становится 30-40
Ок но работает у тебя асе как-тр косячно. Есть повод насторожиться , а то при любой корректировке клиентом или программером у тебя все поломается нафиг
Простой