Имею такую вот разметку 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
Имею такой вот слайдер
Первый слайдер имеет класс "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');
});