스크립트 충돌이요~ 채택완료
</p>
<p><?php
add_javascript('<script src="'.G5_JS_URL.'/jquery-1.12.4.min.js"></script>', 0);
add_javascript('<script src="'.G5_JS_URL.'/jquery-migrate-1.4.1.min.js"></script>', 0);
add_javascript('<script src="'.G5_JS_URL.'/jquery.menu.js?ver='.G5_JS_VER.'"></script>', 0);
add_javascript('<script src="'.G5_JS_URL.'/common.js?ver='.G5_JS_VER.'"></script>', 0);
add_javascript('<script src="'.G5_JS_URL.'/wrest.js?ver='.G5_JS_VER.'"></script>', 0);
add_javascript('<script src="'.G5_JS_URL.'/placeholders.min.js"></script>', 0);
add_javascript('<script src="'.G5_THEME_JS_URL.'/slick.js"></script>', 0);
add_javascript('<script src="'.G5_THEME_JS_URL.'/nav.js"></script>', 0);
add_javascript('<script src="'.G5_THEME_JS_URL.'/main.js"></script>', 0);
add_javascript('<script src="'.G5_THEME_JS_URL.'/slick.min.js"></script>', 0);
add_javascript('<script src="'.G5_THEME_JS_URL.'/jquery-3.5.1.min.js"></script>', 0);
add_javascript('<script src="'.G5_THEME_JS_URL.'/box.js"></script>', 0);</p>
<p>add_stylesheet('<link rel="stylesheet" href="'.G5_JS_URL.'/font-awesome/css/font-awesome.min.css">', 0);
?></p>
<p> </p>
<p>
<!--FULLPAGE-->
<script type="text/javascript" src="/theme/full2/js/jquery-1.12.2.min.js"></script><!--충돌해서 slick.js 고정 스크립트 안먹힘-->
<script type="text/javascript" src="/theme/full2/js/fullpage.js"></script>
<script type="text/javascript" src="/theme/full2/js/custom.js"></script></p>
<p>
jquery-1.12.2.min.js 지금 이거 때문에 slick.js 이 스크립트가 안먹히는데
다른 제이쿼리 파일로 대체해야할까요?
자세히 좀 알려주세요 디자이너입니다 ㅠㅠ
답변 4개
아르키어드풀페이지js하고 슬릭js가 각각 지원하는 제이쿼리 버전이 달라서 그럴거에요 2개다 맞출수있는 제이쿼리 버전으로 cdn 검색해서 넣어보세요
답변에 대한 댓글 4개
아르키어드제이쿼리 버전을 맞춘느거보다 slick이나 fullpage 라이브러리를 다운그레이드 시켜서 맞추는게 나을거같네요
아르키어드css는 https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4.0/css/swiper.min.css
javascript를 https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4.0/js/swiper.min.js
연결해보세요
다만 스와이퍼의 버전이 낮아져서 문법이나 함수명이 달라진 부분이 있을수 있어 해당버전의 기술문서나 해당버전을 사용한 예시코드를 참조해주세요
댓글을 작성하려면 로그인이 필요합니다.
혹시 소스 보시기해서 확인해보시면 jquery-1.12.2.min.js 값이 2개가 나온다면..
1개를 지우시고 테스트 해보시기 바랍니다.
저도 과거 jquey가 동작이 안되서..jquery.js파일이 2개 들어간걸 확인해서..1개를 지우니 정상적으로 동작된것을 확인되었습니다.
댓글을 작성하려면 로그인이 필요합니다.
add_javascript('<script src="'.G5_JS_URL.'/jquery-1.12.4.min.js"></script>', 0);
</code><code>add_javascript('<script src="'.G5_THEME_JS_URL.'/jquery-3.5.1.min.js"></script>', 0);
</code><code><script type="text/javascript" src="/theme/full2/js/jquery-1.12.2.min.js"></script>
</code>
jquery가 세개 있네요 제일 위에꺼 빼고 나머지는 주석처리해서 테스트 해보십시요.
slick.min.js
slick.js 도 두개 있네요
답변에 대한 댓글 7개
슬릭파일도 둘중 하나는 삭제하시면 됩니다.
at HTMLDocument.<anonymous> (custom.js?ver=210618:14:2)
at i (jquery-1.12.4.min.js?ver=210618:2:27449)
at Object.fireWith [as resolveWith] (jquery-1.12.4.min.js?ver=210618:2:28213)
at Function.ready (jquery-1.12.4.min.js?ver=210618:2:30006)
at HTMLDocument.K (jquery-1.12.4.min.js?ver=210618:2:30368)
이런 에러가 떠요~
지금 jquery-1.12.4.min.js 이거 하나 두고 나머지는 삭제한 상태구요~
<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.1/js/swiper.min.js"></script>
이거 추가하고 해보십시요
댓글을 작성하려면 로그인이 필요합니다.
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
