배너 소스 뭐가 문제인지 확인해주시면 감사하겠습니다 ㅠㅠ 채택완료

메뉴아이콘 동적인 애니메이션 구현 소스가 뭐가 문제일까요 ㅠㅠ
제 사이트 링크이구요.. 메인배너 소스 건드리고 있는데 애니메이션 동작구현이 되다가 마네요 ㅠㅠ
카피사이트 링크입니다
Copy
프리미엄 캠페인 안내
프리미엄 전용 캠페인 출시
네이버인플루언서라면 채널 인증하고 참여하세요
대한민국 1등 체험단은 유앤준
유앤준 체험단 출시
어디서든 유앤준체험단으로 간편하게 캠페인 신청하세요
리뷰어 가이드
유앤준체험단이 처음이신가요?
가이드대로만 하면 체험단 신청 어렵지 않아요
서비스 출시
인기 캠페인
프리미어 캠페인
서비스 출시 인기 캠페인 프리미어 캠페인
답변 2개
채택된 답변
+20 포인트
2년 전
Uncaught TypeError: $(...).slick is not a function은 Slick 라이브러리의 초기화가 되지않아서 생기는 오류인것 같습니다.
우선 아래의 jQuery를 주석처리 또는 삭제해보세요
Copy
주석처리 또는 삭제
위오 같이 해도 안되신다면 다음과 같이 해보시는건 어떨까 합니다
jQuery와 Slick 라이브러리를 로드
Copy
슬라이드 초기화 스크립트 추가
Copy
$(document).ready(function(){
$('.main_bnp').slick({
// Slick 슬라이더 옵션 설정
dots: true,
infinite: true,
speed: 500,
slidesToShow: 1,
slidesToScroll: 1
});
});
즉 전체 코드는 다음과 같은 구조가 되어야 합니다.
Copy
$(document).ready(function(){
$('.main_bnp').slick({
// Slick 슬라이더 옵션 설정
dots: true,
infinite: true,
speed: 500,
slidesToShow: 1,
slidesToScroll: 1
});
});
로그인 후 평가할 수 있습니다
답변에 대한 댓글 2개
2년 전
2년 전
상단 메뉴의 로딩 게이지가 가득 차지 않는 문제는 스크립트와 관련된 것이 아니라 CSS 스타일 또는 HTML 마크업에 의해 발생할 수 있는 부분이기 때문에 해당관련 css 및 html 코드를 확인해 보셔야 할 것 같습니다
댓글을 작성하려면 로그인이 필요합니다.
블랙캣77
2년 전
jquery가 두개 이상 있으신거 같네요 다 살펴보지는 않았는데 하나로 통일하시고 일단 지금 slick 있는 없는 펑션이라도 콘솔에러가 뜨시니 다른 소스 지우거나 하시면서 충돌 원일을 찾으셔야 할거 같습니다.
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
2년 전
제가 html 알못이라 ㅠㅠ 혹시 해결해주실 수 있나요?? 제이큐어리는 어떻게 합쳐야되는지 모르겠어요 ㅠㅠ 파일이 2개인데 1개는 제가 가지고 온거에요
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
근데 상단 메뉴3개에서 로딩게이지가 가득 안차는데 소스 뭐가 잘못된걸까요? ㅠㅠ
래퍼런스사이트 링크처럼 하고싶은건데 https://reviewplace.co.kr/ 링크남겨요... ㅠㅠ
제 사이트는 https://xn--6j1b81kvyd.com/ 입니다 !!!