slick 옵션중에 infinite와 swipeToSlide 로 스와이핑 가능하게 설정한 경우에 index 1번인 슬라이드 뒤로는 스와이핑이 안되는 버그가 있다. slick.min.js를 열어보자 (b=-1a.options.slidesToScroll ,c=-1a.options.slidesToScroll ,e=2*a.slideCount) 대충 이렇게 생겨먹은 부분이 있다. ctrl F 로 찾아보자. 그리고 다음과 같이 수정해준다 (b=-1a.options.slideCount ,c=-1a.options.slideCount ,e=2*a.slideCount) 슬라이드 카운트 문제였나보다. slick.js 에서는 다음처럼 고쳐주면 된다. //원본 breakPoint = _.options.slidesToScroll * -1; counter = _.options.slidesToScroll * -1;
afterChange나 beforeChange는 동작하는데 init 이벤트가 동작을 안한다면 다음과 같은 순서로 코드를 정렬해보세요
slick responsive는 breakpoint에서 리렌더링 되는건지 jQuery선택자로 잡아놓은게 풀려버린다. 그래서 첫 렌더링시에 없었던 element여서 $().click() 같이 작성하면 선택자가 리렌더링 된 element를 못찾는다. 위와같이 document를 선택자로 잡고나서 on(이벤트, 이벤트를 일으킬 선택자, 함수) 순으로 작성해주면 잘 된다.