@Jussss92

Почему Slick slider переключает все слайдеры на странице?

Привет. Почему может быть такое?
texenergo21.pr-ff.ru/category.php если переключиться на плитку (нажать сюда)
60d0a3980b742246565483.png
На других страницах все норм, когда в карточке инициилизирую, то переключается только в 1 карточке.
А здесь почему то все слайдеры сразу.
Код такой:
$('.three-sub-slider').slick({
		arrows: false,
		slidesToShow: 2,
		slidesToScroll: 1,
		vertical: true,
		asNavFor: ".cart-items-three-slider",
	})
	$('.cart-items-three-slider').slick({
		arrows: true,
		slidesToShow: 1,
		slidesToScroll: 1,
		asNavFor: ".three-sub-slider",
	})
	$('#item-grid').click((e)=> {
		console.log(e.target)
		setTimeout(()=> {
			$(".cart-items-three-slider").slick('reinit');
			$(".three-sub-slider").slick('reinit');
		},200)


	})

инициализировать приходится т.к. при переключении табов он не работает
  • Вопрос задан
  • 57 просмотров
Пригласить эксперта
Ответы на вопрос 1
Ravenclaw
@Ravenclaw
Человек-оркестр
По ходу, у ".three-sub-slider" класс один для всех товарных карточек.
Может попробовать персонифицировать id-шник слайдера? Например, зашить в него id товара, чтобы на выходе получить строку $('#item-grid-(ID товара)').click((e)=>
И таки да, с jQ 3.5.1 параметр asNavFor работает, прямо скажем, не айс.
Ответ написан
Ваш ответ на вопрос

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

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