ajax와 slick의 충돌..?
본문
안녕하세요. 초보 퍼블리셔 유저입니다.
제가 퍼블리싱을 하여 개발자분에게 넘겼는데..
퍼블리싱 한 페이지에는 슬릭이 잘 작동하지만, 개발을 하는 부분에서는 슬릭이 작동을 하지 않더라구요..
충돌이 어떻게 무엇이 났는지는 모르겠어서.. 혹시몰라 질문 남겨봅니다.
이렇게 나오면서 slick이 작동을 하지를 않네요..
Uncaught TypeEroor : $(...).slick is not a function
at HTMLDivElement.<annoymous> (my_search.php:1040)
at HTMLDivElement.dispatch (jquery.min.js:2) -> https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js
이런식으로 나오는데..
head.sub는 이렇습니다..
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<?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_URL.'/plugin/bootstrap/js/bootstrap.min.js"></script>', 0);
add_javascript('<script src="'.G5_THEME_URL.'/plugin/slick/slick.min.js"></script>', 0);
add_stylesheet('<link rel="stylesheet" href="' . G5_THEME_URL . '/plugin/slick/slick.min.css">');
add_stylesheet('<link rel="stylesheet" href="' . G5_THEME_URL . '/plugin/bootstrap/css/bootstrap.min.css">');
add_stylesheet('<link rel="stylesheet" href="' . G5_THEME_URL . '/plugin/bootstrap/css/resetbootstrap.css">');
add_stylesheet('<link rel="stylesheet" href="'.G5_JS_URL.'/font-awesome/css/font-awesome.min.css">', 0);
if(G5_IS_MOBILE) {
add_javascript('<script src="'.G5_JS_URL.'/modernizr.custom.70111.js"></script>', 1); // overflow scroll 감지
}
if(!defined('G5_IS_ADMIN'))
echo $config['cf_add_script'];
?>
!-->
답변 2
개발자도구에서 slick.js 제대로 호출되어있나 열어보세요
오류 직역해보심 slick이 선언되어있지않다는 뜻이네요
slick 호출이 제대로 안되었거나 jquery 버전에서 충돌나는거같네요
slick이라는 함수가 존재하지 않아 발생되는 오류로 보여집니다.
답변을 작성하시기 전에 로그인 해주세요.