개발자 도구 Console 에서 오류 발생 관련 문의드립니다.
Uncaught TypeError: $(...).autocomplete is not a function
이런 오류가 발생하는데요.
에러난 부분 소스 보면
<script type="text/javascript">(function($){ $('input[name="is_keyword"]').parent().attr({"method":"get","no-error-return-url":"true"}); $('input[name="is_keyword"]').autocomplete( "/modules/isx/isx.key_query.php", { }); })(jQuery);</script>
이렇게 나오는데 어디가 문제인건가요?..
통합검색 확장모듈과 충돌된것으로 보입니다. jquery를 중복으로 요청하여 나타나는 메세지
최근에 수정하셨거나 설치하신 위젯이나 애드온의 충돌이 있을것으로 예상이 됩니다.
먼저 통합검색 확장모듈을 미사용으로 변경해 보세요. 원인이 그것인지 먼저 확인해보세요.
통합검색 확장모듈에서 확장검색기능 사용을 "미사용" 으로 하니 에러메시지는 사라졌는데요.
그 후에도 테스트 중 확장검색 사용 후 설정에서 검색키워드 저장 이랑 추천검색어 기능을
"미사용" 으로 하니 에러메시지는 사라졌습니다.
검색키워드 저장이랑 추천검색어 기능을 사용 할려면 어디를 손봐야 하나요?
그 외에 검색어 검색 후에 콘솔창에 나나타는 메시지 입니다.
Mixed Content: The page at 'https://도메인/?vid=&mid=home&act=IS&is_keyword=검색어' was loaded over HTTPS, but requested an insecure stylesheet 'http://fonts.googleapis.com/earlyaccess/nanumgothic.css'. This request has been blocked; the content must be served over HTTPS.
이 에러 메시지를 수정 할려면 어디를 손봐야 하는건가요?..
검색어 검색 후에 나타나는 에러메시지는 해결했습니다.
통합검색 확장모듈(isx) 스타일css 부분에서
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); 를
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css); 로 수정.
autocomplete는 jQuery에서 기본으로 제공하는 기능이 아닙니다. jQuery UI나 그 밖의 서드파티 자료에서 함수를 선언해 주어야 하는데, 이 부분이 누락된 것 같네요.
XE에 기본 포함된 jQuery를 사용하지 않고 스킨이나 레이아웃에서 자체적으로 jQuery를 또 로딩한 경우에도 이런 문제가 생길 수 있습니다. 멀쩡하게 선언해 놓은 jQuery 확장 기능을 덮어써 버리니까요.