테스트 사이트 - 개발 중인 베타 버전입니다

Swiper is not defined 에러

보드라운훈 1개월 전 조회 83

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개

1개월 전

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

 

https://swiperjs.com/swiper-api#param-observeParents

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

1개월 전

head.sub.php 에 있는 불러오는거 스크립트 제대로 나오는지 확인해보세요.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

1개월 전

add_javascript('<script src="'.G5_THEME_URL.'/js/custom.js"></script>', 0);

 

로 적용해보세요

?ver=1.0 변수값이 포함되어 있어서 불러오질 못하는거 같습니다.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

보드라운훈
1개월 전
custom.js 는 잘 불러 오는 것으로 보입니다. swiper에서 파라미터를 빼야할까요???

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인