1.4.x callback methods - on init event not working

New callback events

Is anyone else having an issue with the init event? I’m having trouble getting init to work at all.

With the following code the beforeChange and afterChange events work, but the init event doesn’t fire at all. I have tried version 1.4.0 and 1.4.1

My code looks like this:

    $('.slider')
        .on('init', function(event, slick){
            // let's do this after we init the banner slider
            ...
            console.log('slider was initialized');
        })
        .on('beforeChange', function(event, slick, currentSlide, nextSlide){
            // then let's do this before changing slides
            ...
            console.log('before change');
        })
        .on('afterChange', function(event, slick, currentSlide, nextSlide){
            // finally let's do this after changing slides
            ...
            console.log('after change');
        });

Using 1.3.9 and the older callback method the onInit works

    $('.slider').slick({
        autoplay: true,
        autoplaySpeed: 5000,
        slidesToShow: 1,
        slidesToScroll: 1,
        dots: true,
        lazyLoad: 'ondemand',
        onInit: function() {
            // let's do this after we init the banner slider
            ...
            console.log('slider was initialized');
        },
        onBeforeChange: function() {
            // then let's do this before changing slides
            ...
            console.log('before change');
        },
        onAfterChange: function() {
            // finally let's do this after changing slides
            ...
            console.log('after change');
        }
    });

[kenwheeler]

You need to bind it before calling slick on the element

[daslicht]

is there an event after slick is ready ?

in the init callback slick is not available yet 😃