Cannot read property 'slidesToShow' of undefined

short description of the bug / issue, provide more detail below.

Getting Uncaught TypeError: Cannot read property 'slidesToShow' of undefined on the first click of a customPaging button, but then the slideshow works fine after that.

====================================================================

http://jsfiddle.net/kyleknighted/pofc1qmv/3/

====================================================================

Steps to reproduce the problem

1. on load or click into any tab
2. click any customPaging button
3. Check your browser’s Console and see the aforementioned error.
4. Click any button again and the slide will change to the proper one

====================================================================

What is the expected behavior?

Not to have an error the first time i click a button

====================================================================

What is observed behaviour?

I’m getting an error.

====================================================================

More Details

• Chrome Version 56.0.2924.87 (64-bit) is the only current tested version, but that’s already too many browsers.
• jquery = 1.12.4
• Slick = 1.6.0

[rudenich]

If you use “asNavFor” option, be sure that you provide correct link to another slider, otherwise you get that error.

[sebszocinski]

I was seeing this error when using Ajax and leaving a page… turns out the autoplay is still trying to run after the slick container is now gone… so you get those errors… my fix was to apply: $('#your-slick-element').slick('slickPause'); when I left the page that has Slick.

Note: you might need to do this on both slick elements if you’re using asNavfor