I am trying to work out why the unslick method isn't working while using responsive breakpoints.
<div id="skills" class="sectionWrapperInner">
<div>Slide 1</div>
<div>Slide 2</div>
<div>Slide 3</div>
</div>
I get error TypeError: b.$slides is null when i am trying to resize the window.
Below is the code for jQuery Slick that i am using
$(document).ready(function(){
function slickIt(){
if(!$('.sectionWrapperInner').hasClass('slick-initalized')){
setTimeout(function(){
$('.sectionWrapperInner').slick({
responsive: [
{
breakpoint: 9999,
settings: "unslick"
},
{
breakpoint: 1199,
settings: {
mobileFirst: true,
slidesToShow: 4,
slidesToScroll: 4,
dots: true,
focusOnSelect: true,
infinte: true,
}
},
{
breakpoint: 640,
settings: {
mobileFirst: true,
slidesToShow: 2,
slidesToScroll: 2,
dots: true,
focusOnSelect: true,
infinte: true,
}
},
]
});
},100)
}
}
$(window).bind('resize',function(){
slickIt();
});
slickIt();
});
Any ideas, why i am getting this always on resizing the screen.
Make sure you are not calling slick slider multiple times for one element, or linking the custom code of slick slider multiple times.
un uncorrected HTML structure can make it happen too, when a div is not closed for example
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With