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

Question

[Данил Флигинский]

У меня есть табы. В каждом табе имеется слайдер с карточками. Для карточки прописана ширина. На самом первом табе все нормально, но когда я выбираю другой, например, собаки, то карточки в слайде уменьшаются, хотя инспектор кода говорит, что это не так. При этом как только я проматываю слайдер на стрелочку, то элементы становятся как нужно. Прикрепил скрины для более лучшего понимания

Comments

[ArtJH]

можно на codeopen

[ArtJH]

начнем с того, что slick сам подставляет ширину элементов в зависимости от ширины контейнера и количества видимых элементов.
В вашем случае slick.js поставил элементам ширину 0px. Мне кажется вы где-то ошиблись по структуре

[Данил Флигинский]

ArtJH, а как я там добавлю slick slider? Может я кину ссылку на свой github pages, где есть этот сайт?

[ArtJH]

Данил Флигинский, давай

[Данил Флигинский]

ArtJH, я специально поставил width: 350px !important , чтобы игнорировать стандартные стили slick. Я раньше уже так делал и все ок было

[Данил Флигинский]

ArtJH, https://danilfliginskiy.github.io/HappyPet/

[Froggyweb]

Как решить проблему с отображением слайдера Slick?
Ширина слайда - зло.

[Данил Флигинский]

Froggyweb, во первых, это не сработало. Во-вторых, вообще пошел апокалипсис, так как сладйер пересоздавал себя кучу раз

[Froggyweb]

Данил Флигинский, так делать правильно что там у тебя не работает хз

[Данил Флигинский]

Froggyweb, у меня табы на чистом js написаны. Я не смогу воспользоваться этой командой. Так что...

[Froggyweb]

Данил Флигинский, Потому что на скрытой вкладке ширина не вычисляется.

табы на чистом js

тем более проще.
или есть событие переключения таба и к нему привязываешь $(".slider").slick('reinit');
либо в само переключение таба добавляешь.
только слайдер должен быть подключен раньше табов.
Как то так ну или песочницу сделай.

[Данил Флигинский]

Froggyweb, Я сделал как ты сказал. Проблема карточек исчезла. Но теперь табы переключаются секунд 3-5. Очень долго. А dots внизу слайдера клонируются и вместо 2-3 из становится 30-40

[Данил Флигинский]

Froggyweb, я нашел проблему. Вместо reinit нужно использовать setPosition. Спасибо

[Froggyweb]

Ок но работает у тебя асе как-тр косячно. Есть повод насторожиться , а то при любой корректировке клиентом или программером у тебя все поломается нафиг

[Данил Флигинский]

Froggyweb, да нет, уже все норм. А вообще такая концепция у многих разработчиков и во многих курсах преподается. Все отлично