Swiper is not defined 에러
본문
Swiper is not defined 에러
head.sub.php
add_javascript('<script src="'.G5_THEME_URL.'/lib/js/swiper-bundle.min.js"></script>', 0);
add_javascript('<script src="'.G5_THEME_URL.'/lib/js/slick.min.js"></script>', 0);
add_javascript('<script src="'.G5_THEME_URL.'/lib/js/jquery.fullpage.js"></script>', 0);
add_javascript('<script src="'.G5_THEME_URL.'/lib/js/gsap.min.js"></script>', 0);
add_javascript('<script src="'.G5_THEME_URL.'/lib/js/ScrollTrigger.min.js"></script>', 0);
add_javascript('<script src="'.G5_THEME_URL.'/lib/js/aos.js"></script>', 0);
add_javascript('<script src="'.G5_THEME_URL.'/lib/js/lenis.min.js"></script>', 0);
add_javascript('<script src="'.G5_THEME_URL.'/lib/js/feather.min.js"></script>', 0);
add_javascript('<script src="'.G5_THEME_URL.'/lib/js/jquery.waypoints.min.js"></script>', 0);
add_javascript('<script src="'.G5_THEME_URL.'/lib/js/jquery.counterup.min.js"></script>', 0);
add_javascript('<script src="'.G5_THEME_URL.'/lib/js/jquery.mb.YTPlayer.min.js"></script>', 0);
add_javascript('<script src="'.G5_THEME_URL.'/lib/js/parallax.min.js"></script>', 0);
add_javascript('<script src="'.G5_THEME_URL.'/js/custom.js?ver=1.0"></script>', 0);
로 파일 올려두고 있고 순서도 맞게 하고 있는 데 간혹 Swiper is not defined 에러가 나옵니다.
ftp로 파일을 덮어 써준다든가 하면 에러가 없어집니다만
도무지 원인을 모르겠네요.
ftp 다운로드 또는 업로드 시에 파일의 일부가 사라질 수도 있는 건가요???
도무지 모르겠습니다.
인공지능도 원론적인 말만하네요...
답변 부탇드립니다.
미리 감사합니다.
답변 3
add_javascript('<script src="'.G5_THEME_URL.'/js/custom.js"></script>', 0);
로 적용해보세요
?ver=1.0 변수값이 포함되어 있어서 불러오질 못하는거 같습니다.
custom.js 는 잘 불러 오는 것으로 보입니다. swiper에서 파라미터를 빼야할까요???
head.sub.php 에 있는 불러오는거 스크립트 제대로 나오는지 확인해보세요.
jquery 라이브러리가 우선 로드가 되도록 우선 순위를 조금만 뒤로 밀어내보세요
add_javascript('<script src="'.G5_THEME_URL.'/lib/js/swiper-bundle.min.js"></script>', 10);
그리고 스와이프 구현 스크립트에 다음 코드를 넣어 변동 감지를 해주시는 것도 하나의 방법일 거라 생각됩니다.
observer: true, // 돔 변경 시 자동 감지
observeParents: true, // 부모 요소 속성 변경 등 자동 감지
https://swiperjs.com/swiper-api#param-observer
