Slick Init - Cannot pause slider

Hello,

When trying to pause the slider within the init listener the “slick(‘slickPause’)” method doesn’t work with the error

Uncaught TypeError: Cannot read property 'slickPause' of undefined

An example piece of code is:

var opts = {
            autoplay: true,
            autoplaySpeed: 5000,
            speed: 750,
            fade: true,
            arrows: false,
            appendDots: $('.nav-wrap div'),
            dots: true,
};

$(elem).on('init', function(event, slick){
            var slider = slick.$slider;
            slider.slick('slickPause');
});

$(elem).slick(opts);

It seems like you need a ‘ready’ event or similar to help resolve this?

Thanks, Dean

[JumpLink]

Run $slider.slick('slickPause'); just after the initialization seems to be working: https://jsfiddle.net/yzxyh435/1/

So, $slider.slick({...}); seems to be sequential and not asynchronous and to wait for the event does not seem to be necessary.

Contradict someone?

[thielpeter]

Its dirty but works 😕

$slider.on('init',function(event, slick){
  setTimeout(function(){$slider.slick('slickPause');}, 1);
});

$slider.slick({
  autoplay: true,
  pauseOnHover: false
});