@alekseyy__9090
frontend-разработчик

Как добавить класс сгенерированному элементу слайдера?

Имею такую вот разметку pug.
.slider_right_wrap
            .slider_right
                .slider_right_item.no_opacity
                    .slider_right_item_content
                .slider_right_item
                    .slider_right_item_content                  
                .slider_right_item
                    .slider_right_item_content
            .nav_for_slider
                    .arrow_slider.arrow_left
                    .arrow_slider.arrow_right

Имею такой вот слайдер
5eee10815bdb1354132864.png
Первый слайдер имеет класс "no_opacity", остальные затемнены.Соответственно,при нажатии всегда непрозрачен только текущий элемент слайдера. Все работает хорошо, но когда начинают идти сгенерированные слайды , то класс им не добавляется. Как реализовать добавление класса так же и новым, сгенерированным элементам? Пытался реализовать через делегирование событий, но не получилось, возможно что то делал не так.
Имею такой вот jquery code:
$('.slider_right').slick({
        slidesToShow: 2,
        slidesToScroll: 1,
    });

    $('.slider_left').slick({
        infinite: true,
        speed: 500,
        fade: true,
        cssEase: 'linear'
    });

    $('.arrow_right').on('click', function() {
        $('.slider_right').slick('slickNext');
        let selected_item = $('.slider_right').find('.opacity');
        selected_item.removeClass('opacity');
        selected_item.next().addClass('opacity'); 
      });

    $('.arrow_left').on('click', function() {
        $('.slider_right').slick('slickPrev');
        let selected_item = $('.slider_right').find('.opacity');
        selected_item.removeClass('opacity');
        selected_item.prev().addClass('opacity'); 
      });
  • Вопрос задан
  • 35 просмотров
Решения вопроса 1
@secretsergey
Используйте:
$('.your-element').on('beforeChange', function(event, slick, currentSlide, nextSlide){
  console.log(nextSlide);
});

И внутри указывайте какому слайду что менять.

Если загрузите код в песочницу, то подскажу более конкретно.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы