웹퍼블리셔 수빈

Blog

작업용 메모, 추천 음악등을 게시하는 블로그입니다.

2024년 6월25일
code

slick.js ‘unslick’ 사용 후 리사이즈시 슬라이더가 적용 안되는 문제

var slider = $('.slider');     
var timer;    

 $(window).on('load resize',function(){         
    clearTimeout( timer );          
    timer = setTimeout( sliderResponsive(), 100 ); 
})       
function sliderResponsive(){         
    if($(window).width() < 767){             
        slider.filter('.slick-initialized').slick('unslick');         
    }else{             
        slider.not('.slick-initialized').slick({                
            arrows: true,                
            slidesToShow: 1,                 
            slidesToScroll: 1            
        });                         
    }       
}

var slider = $('.slider');
var timer;
$(window).on('load resize',function(){
clearTimeout( timer );
timer = setTimeout( sliderResponsive(), 100 );
})
function sliderResponsive(){
if($(window).width() < 767){
slider.filter('.slick-initialized').slick('unslick');
}else{
slider.not('.slick-initialized').slick({
arrows: true,
slidesToShow: 1,
slidesToScroll: 1
});
}
}

var slider = $('.slider');     
var timer;    

 $(window).on('load resize',function(){         
    clearTimeout( timer );          
    timer = setTimeout( sliderResponsive(), 100 ); 
})       
function sliderResponsive(){         
    if($(window).width() < 767){             
        slider.filter('.slick-initialized').slick('unslick');         
    }else{             
        slider.not('.slick-initialized').slick({                
            arrows: true,                
            slidesToShow: 1,                 
            slidesToScroll: 1            
        });                         
    }       
}