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

Question

[saplas]

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

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

Answer 1

[Andrey Suha]

Инитить заново

Comments

[saplas]

Пробовал еще так

$('.show-more__button').click(function(){
		$('#products .product-box .product-image').slick();
});

безуспешно

[Andrey Suha]

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

[saplas]

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

[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]

saplas, попробуйте вот так

$('.product-image').slick('unslick').slick('reinit');

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