@Alpha12

Почему slick slider не активный в первом табе?

Добрый день, делаю сайт и нужно сделать слайдер в табах. Вот весь код
Код слайдера
$('#tabs_latest .active .line_row').slick({
		slidesToShow: 5,
		loop: false,
		adaptiveHeight: true
	});

Код табов
$('ul.cat-tabs').on('click', 'li:not(.active)', function() {   
		$(this)
		.addClass('active').siblings().removeClass('active')
		.closest('#tabs_latest').find('div.tab-pane').removeClass('active').eq($(this).index()).addClass('active');
		$('#tabs_latest .active .line_row').slick({
			slidesToShow: 5,
			loop: false,
			adaptiveHeight: true
		});

});

Табы работают я скрывал через css ovetflow: hidden Вот суть какая. Первый таб он инициализирован, но слайдер начинает работать только после того как я кликну на стрелку или же сменю размер окна а изначально он такой
Фото первого таба

5ed4d5dba1291677220831.png

Если кликнуть на любой из табов, то слайжер работает. В консоли ошибок нету.
Как мне правильно написать слайдер в табах? Что бы он коректно работал . ?
  • Вопрос задан
  • 21 просмотр
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы