탭메뉴, 레이어 팝업안에 슬라이드 넣기 (slick slider)

팝업 안에 탭 메뉴 안에 슬라이드가 들어가는 작업을 했는데,,

팝업, 탭메뉴 누를 때마다 슬라이드 깨지는 현상 ,,ㅠ

아무리 찾아봐도 해결책을 못 찾다가 드디어 해결!

 

<슬라이드 스크립트>

 $('.slideshow_container').slick({
            arrow: true,
            slidesToShow: 1,
            setPosition: 0, //깨짐 방지
            infinite:false,
        });

슬라이드에 setPosition:0 항목을 넣어준 후,

 

< 모달팝업 스크립트>

function openModal(modalname) {
            $('.slideshow_container').resize() // 팝업 열때 슬라이드 깨짐 방지
            $('.slideshow_container').slick('refresh'); // 팝업 열때 슬라이드 깨짐 방지
            }

방법은 바로 레이어 팝업 열리는 이벤트나, 탭 메뉴 클릭 이벤트 아래 항목을 넣어주면 된다.

 

$('.슬라이드'). resize();

$('.슬라이드'). slick('refresh');