@Jussss92

Как сделать пагинацию slick уникальной?

Приветствую.
Подскажите пожалуйста. Я сделал пагинацию на карточки товаров.
function setProgress(index) {
		const calc = ((index + 1) / ($slider.slick('getSlick').slideCount)) * 100;

		$progressBar
			.css('background-size', `${calc}% 100%`)
			.attr('aria-valuenow', calc);

	}

	const $slider = $('.card-slider');
	const $progressBar = $('.progress');


	$slider.on('beforeChange', function (event, slick, currentSlide, nextSlide) {
		setProgress(nextSlide);
	});

	$slider.slick({
		slidesToShow: 1,
		slidesToScroll: 1,
		speed: 400,

	});

	setProgress(0);


Но теперь получается при смене слайдера пагинация меняется всему классу. Следовательно на всех карточках на странице.
Не пойму как сделать это изолированным? тоесть чтобы класс был уникальный или атрибут как то передавать?
  • Вопрос задан
  • 42 просмотра
Пригласить эксперта
Ответы на вопрос 2
RomanTRS
@RomanTRS
appendDots:
	string
	$(element)
	Change where the navigation dots are attached (Selector, htmlString, Array, Element, jQuery object)

dotsClass: 
	string
	'slick-dots'
	Class for slide indicator dots container
Ответ написан
@Spisoktem
сделайте для пагинации отдельный класс, через опции slick slider-а
$slider.slick({
    slidesToShow: 1,
    slidesToScroll: 1,
    speed: 400,
   dotsClass: "customDotsClass"
  });

и для него задавайте стили
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
07 мая 2021, в 11:29
15000 руб./за проект
07 мая 2021, в 11:09
100000 руб./за проект
07 мая 2021, в 11:08
45000 руб./за проект