Не отображается контент slick slider
нужно чтобы при нажатии на одну из трёх ссылок появлялся слайдер с товарами. на самом деле он появляется, например если нажать на ссылку "распродажа" а потом покликать в пустой области, где должен быть слайдер, то он появляется. Не получается решить эту проблему, возможно что-то не так в самом js коде
$('.tab__info').hide();
$('.tab__info:first-child').show();
$('.tabs__item').click(function(){
$('.tab__info').hide();
var activeTab = $(this).find('a').attr('href');
$(activeTab).fadeIn();
return false;
});
$('.tabs__text').slick({
// vertical: true,
slidesToShow: 2,
slidesToScroll: 1,
arrows: true
});
https://codepen.io/st-iv/pen/aKGLyx
Хотя я пробовал вместо слик слайдера вставлять просто текст и всё было нормально, ничего не пропадало
добавляем вызов слайдера с аргументом setPosition, для того чтобы slick-slider перерасчитал ширину слайдов. т.к. когда инициализируется slick-slider на вкладке с display:none; он принимает ширину контейнера за 0, соответственно ширина слайда = 0.
$('.tabs__item').click(function(){
$('.tab__info').hide();
var activeTab = $(this).find('a').attr('href');
$(activeTab).fadeIn();
setTimeout(function () {
$('.tabs__text').slick('setPosition');
}, 300);
return false;
});
-
21:33
Виртуальный выделенный сервер (VDS) становится отличным выбором
-
22:26
-
22:40
-
08:34
-
15:01
-
17:01
-
11:24
-
10:16
-
17:54
- Почему SERVER_ADDR имеет не тот IP 47688 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30538 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 23715 visits
- Как через css изменить цвет png изображения? 10368 visits
- Blob video url download 9977 visits
- Php curl запрос через прокси с авторизацией 9235 visits
- Работа с captcha vk api 8112 visits
© "hostciti.net" 18.1.2025 | 15:12