jquery 슬릭슬라이드 플러그인 중복 사용

Question

//script 소스 $(".center0").slick({ dots: true, infinite: true, centerMode: true, slidesToShow: 4, slidesToScroll: 3 }); $(".center1").slick({ dots: true, infinite: true, centerMode: true, slidesToShow: 4, slidesToScroll: 3 }); //html 소스

이런식으로 플러그인 2번 사용하려고 하는데 위에것만 사용되고아래는 사용이 안되네요. 뭐가 문제죠???

kimsman · Answer

center1로 클래스명을 바꿔주셔야할듯

akjasdc · Answer

아 저기에 잘못올렸네요. center1으로 되어있습니다.

이설란 · Answer

kimsman 님말씀처럼 섹션에 들어있는 클래스 이름이 하나로 표현되어 있네요.

akjasdc · Answer

바꿨습니다. 그런데도 안되네요.

이설란 · Answer

음...F12 개발자모드의 콘솔에서는 무슨 메시지가 없나요??

akjasdc · Answer

SCRIPT438: SCRIPT438: Object doesn't support property or method 'initADA'slick.js (1288,13) 이런식으로 뜨길래 구글링 해보았더니$(&#34;.center1&#34;).not('.slick-initialized').slick()이런식으로 사용하면 된다길래 해보앗더니 이것도 안되네뇨.

kimsman · Answer

https://stackoverflow.com/questions/35618158/multiple-slick-sliders-issue 여러개를 사용할 때는 동적으로 지정해줘야 하나보네요.위링크 참고해보세용

akjasdc · Answer

추천해준것도 해보았는데 안되네요. 추천해주신건 일단 두개가 다 돌아가는데 화살표를 누르면 둘다 움직일때 해결법인데저는 일단 두개가 다 돌아가지도 않습니다.

jquery 슬릭슬라이드 플러그인 중복 사용

8개의 답변

Q&A 목록