Slick slider counter не работает при init, как исправить?

Question

[Lorem Ipsum]

Использую Slick для слайдера. Нужно сделать счётчик под слайдами в виде 01/8...02/8.
Нашел реализацию на stackoverflow.
При init счётчик пустой, а по нажатию на стрелки счётчик начинает работать с позиции 1/2 и дальше всё ок. Почему при init он пустой, как исправить?

var $mastersViewImages = $('.masters-view__list_images');
var $mastersViewImagesCounter = $('.masters-view__arrows-counter');
$mastersViewImages.slick({
    asNavFor: '.masters-view__list_content',
    nextArrow: '.masters-view__arrows-button_next',
    prevArrow: '.masters-view__arrows-button_prev',
    fade: true
});
$mastersViewImages.on('init reInit afterChange', function (event, slick, currentSlide, nextSlide) {
    var i = (currentSlide ? currentSlide : 0) + 1;
    $mastersViewImagesCounter.html('<span class="masters-view__item-current-num">' + i + '</span>' + '<span class="masters-view__item-all-num">' + slick.slideCount + '</span>');
});

Answer 1

[0xD34F]

Сначала вы инициализируете слайдер, а потом подключаете обработчик инициализации. Умно, ничего не скажешь.

Поменяйте местами - сначала on, затем slick.

Comments

[Lorem Ipsum]

вот это я затупил, спасибо большое!