Как удалить класс .m-active после прокрутки всех слайдов на слайдере?

Question

[damarkuzz]

Используется слайдер библиотеки Slick Slider. Установлены кастомные кнопки навигации. При появлении каждого нового слайда к последующей кнопке добавляется класс .m-active. Как сделать, чтобы после прокрутки всех слайдов, класс .m-active убирался со всех кнопок?

Comments

[Вадим]

Так у Вас же бесконечная прокрутка стоит. Какой слайд последний?

[damarkuzz]

Вадим, внутри которого цифра "3". Подскажите, т.е никак не выполнить подобное решение?

Answer 1

[Вадим]

С переключением классов справитесь?

Comments

[damarkuzz]

Подскажите, пожалуйста, классы снимаются сразу при активации последней кнопки.
Я попытался отложить данное действие на время, равное времени скролла (scrollSpeed), но почему-то не работает:

setTimeout(function(){
		$('.slider').on('beforeChange', function(slick, slides){
		  if(slides.currentSlide + 1 === slides.slideCount) {
			$('.new-dots li').removeClass('m-active');
		  }
		});
	},5000);

[Вадим]

damarkuzz, а я разве предложил Вам использовать событие beforeChange?
beforeChange = перед сменой
afterChange = после смены

[damarkuzz]

Прошу прощения, указано beforeChange, это попытки моих экспериментов. На сайте стоит afterChange, не могу отредактировать комментарий

[Вадим]

damarkuzz, Ну в таком случае откладывать нужно внутри события, а не снаружи.

$('.slider').on('afterChange', function(slick, slides){
      if(slides.currentSlide + 1 === slides.slideCount) {
        setTimeout(function(){
          $('.new-dots li').removeClass('m-active');
        }, 5000)
      }
    });
  },5000);

А у Вас код, который откладывает подписку на само событие.

[damarkuzz]

Вадим, спасибо, запомню!