Почему не работает slick?

Question

saplas @saplas

Почему не работает slick?

Возникла проблема: слайдер работает, но по нажатию на "Показать еще" (подгружаются другие товары) слайдер уже не работает на новых блоках. Как это исправить?
пробовал $('.block_name).slick('reinit');
Проблему решил так:

setTimeout(function(){
				$('.more_product_4 .product-image').not('.slick-initialized').slick();
			},500);

Вопрос задан более трёх лет назад
77 просмотров

Комментировать

Подписаться 1 Простой Комментировать

Пригласить эксперта

Ответы на вопрос 1

5 комментариев

saplas @saplas Автор вопроса
Пробовал еще так
$('.show-more__button').click(function(){ $('#products .product-box .product-image').slick(); });

безуспешно
Написано более трёх лет назад
Andrey Suha @andreysuha

saplas, у Вас данные с сервера Аяксом подгружаются? Если да то инитить его нужно когда они ужи пришли и добавлены в DOM. Т.е. в колбек функции если юзаете жиквери для запросов или в then если юзаете что то на промисах

Написано более трёх лет назад
saplas @saplas Автор вопроса

Andrey Suha, Подгружается аяксом.
Как это реализовать, не подскажите?

Написано более трёх лет назад

saplas @saplas Автор вопроса

Попробовал так, не получилось

function loadMore2(){
	$.ajax({
		method: 'POST',
		data: {"sec_id": <?=$catalog_section_id?>},
		url: '/catalog/more2.php?PAGEN_1=' + newsPagen,
		success: function(data){
			$('.more_product_4').append(data);
			newsPagen++;
			 $('.product-image').slick('reinit');

		}
	});
}

Написано более трёх лет назад

Andrey Suha @andreysuha
saplas, попробуйте вот так
$('.product-image').slick('unslick').slick('reinit');

Основная мысль в том что если вы уверены что во время вызова reinit слайды уже находится в dom, то скорее всего не корректно работает сам slick возможно нужно дестройнуть его, а потом инитить по новой
Написано более трёх лет назад