Медленно подгружается контент в слайдере slick slider?

Question

[Андрей]

Добрый день.
Столкнулся с такой проблемой, получается на сайте есть блок с табами, реализованными на jquery ui, точнее этими - https://jqueryui.com/tabs/
И в каждой вкладке есть, слайдер slick slider с блоками. И получается проблема в чем, на первой вкладке все нормально, слайдер работает нормально, но когда переключаешь на вторую вкладку или третью, то слайдер долго подгружается, а точнее ширина блока равна 5-10 пикселям, потом спустя секунду-две, блоки нормализуются и приобретают нормальный вид.
Я не могу понять где я упускаю момент или что неправильно делаю, поскольку слайдер отдельно не в табах работает нормально.
Может кто-то сталкивался с данной проблемой?

Comments

[Pavel Kuzyakin]

может, кто-то и сталкивался, но без кода понять, в чем проблема, невозможно, а экстрасенсы тут, увы, не сидят.

Answer 1

[WhiteBearDev]

Вероятнее всего слайдер в Вашем табе не успевает инициализироваться. Реализуйте показ содержимого таба после инициализации слайдера (событие init).

Comments

[Андрей]

Спасибо что отозвались. Но я пока решил данную проблему. Получилось так что было 4 таба, на первом активном табе было все нормально, последующие табы были скрыты и в слайдерах ширина генерировалась в width: 0
Я попробовал сразу через init как предлагали выше, но не помогло.
Решил делать, при нажатии на там, вызывать метод 'refresh'
Вроде пока работает нормально.
Спасибо за отклик