Почему jquery не хочет выполнять ScrollToTop по нажатию на элемент плагина slick?

Question

[bbaggins]

Друзья, всем привет!
Запутался, помогите разобраться.
С помощью slick строю слайдер, у слайдера выставлен признак dots. Появляются кнопки, надо чтобы по нажатию на любую из кнопок jquery прокручивал страницу вверх. Что делаю:

Добавляю в slick-dots при загрузке нужный class и второй признак:

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

Прокручиваю так:

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

dots строится во время загрузки страницы, см. скрин ниже:

Всё отрабатывает нормально кроме прокрутки, почему не хочет крутить... Если добавляю class="page-scroll" data-scrollid="up" в статичный элемент, проблем нет, крутит на ура. Была гипотеза, что плагин slick останавливает скрипт, не знаю как проверить.

Answer 1

[bbaggins]

Разобрался. Решение:

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

Answer 2

[Дима Паутов]

Вам нужно скорей всего добавлять класс к списку тогда, когда слайдер инициализировался. Т.к. изначально такого элемента нет, он создаётся динамически. Тогда вы сможете обращаться к этому элементу