Why doesn't jquery want to execute ScrollToTop on click on slick plugin element?

Question

JavaScript

Friends, hello everyone!
I'm confused, please help me figure it out.
With the help of slick I build a slider, the dots sign is set for the slider. Buttons appear, it is necessary that by clicking on any of the buttons, jquery scrolls the page up. What I do: I

add the required class and the second feature to slick-dots when loading:

jQuery(".slick-dots").addClass("page-scroll").attr('data-scrollid', 'up');

I scroll like this:

jQuery(".page-scroll").click(function() {
  pagcenter();
    jQuery('html, body').animate({
      scrollTop: jQuery( '#' + jQuery(this).data("scrollid") ).offset().top - 120
    }, 1000, 'swing');
  });

dots is built during page loading, see the screenshot below:

Everything works fine except for scrolling, why doesn't it want to scroll... If I add class="page-scroll" data-scrollid="up" to a static element, there are no problems, it scrolls Hurrah. There was a hypothesis that the slick plugin stops the script, I don't know how to check.

Answer 1

Understood. Decision:

jQuery('.name').on('beforeChange', function(event, slick, currentSlide, nextSlide) {
}

Answer 2

You most likely need to add the class to the list when the slider is initialized. Because initially there is no such element, it is created dynamically. Then you can access this element