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개
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
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인