Почему slick slider не инициализируется в табе?

Question

[HamSter]

пример

В примере при переходе на следующую вкладку таба (вторая вкладка) должен отображаться slick slider, но почему-то он не работает, пока не начнешь кликать по кнопка next\prev .
Я так понимаю это из-за того, что блок в котором размещается слайдер изначально имеет свойство display: none;.

Как можно это исправить?

Answer 1

[msatmb]

с табами в бутсрапе сделал так

$('[href="#tab4"]').on('shown.bs.tab', function (e) {
            $('.carousel').resize();
        });

Comments

[HamSter]

уже сама нашла решение, но спасибо!

[msatmb]

HamSter: ну да, время прошло много )))

Answer 2

[Виталий Инчин ☢]

Правильно понимаете.

После открытия таба:

$slider.slick("setPosition");

Comments

[Felicia Mad]

большое спасибо