네이버지도와 제이쿼리가 안맞나봐요.
본문
안녕하세요!
어제 네이버지도 api 문제때문에 고생하다가 블랙캣77님 덕분에 문제를 해결했습니다.
그런데 엉뚱한데서 문제가 또 나오네요. ㅋㅋㅋ
다름이 아니고 그누보드5에 기본탑재된 jquery-1.8.3.min.js 문제입니다.
그누보드 5 기본셋팅에서 네이버지도 api를 연동할 경우 아래와 같이 나옵니다.
오른쪽 하단에 보시면 네이버 로고와 함께 검은색으로 표시된 부분이 있습니다.
이 부분은 줌으로 확대, 축소할 경우 거리표기를 해 줍니다. 예를 들어 100m, 200m 이런식으로요.
근데, 까맣게 저런식으로 이미지가 덮어버리네요.
그래서 그누보드5에 기본 탑재된 jquery-1.8.3.min.js이 삽입된 걸 지우고 테스트해보니 아래처럼 잘 나옵니다.
jquery-1.8.3.min.js 를 삭제하거나 다른걸로 교체해야 되는건가요?
아니면 다른 방법이 있을런지요. 산넘어 산이네요... ㅠㅠ
답변 1
그누보드는 이전 세대의 문법을 사용하는 jquery 버전이 포함되어 있습니다.
이를 변경하면 이를 기반으로 제작된 그누보드가 작동하지 않기 때문에 이를 찾아 모두 수정하셔야 합니다.
다른 방법으로는, jquery migrate를 사용하는 방법이 있습니다.
http://webdir.tistory.com/468 글을 참고하세요.
답변 감사드립니다.
이리저리 문제점을 찾다가 결국 찾았습니다. ㅋ
본문페이지 view.php에 아래와 같은 스크립트가 있습니다.
// 이미지 리사이즈
$("#bo_v_atc").viewimageresize();
위의 부분에서 충돌이 일어난 것 같습니다.
기본 구조상에서 jquery-1.8.3.min.js만 있을 경우에는 정상출력이 되는데
bxslider를 사용하고자 jquery.bxslider.min.js를 추가로 삽입할 경우 위의 스크립트와 충돌이 나서 문제가 발생했던 것이었네요.
답변을 작성하시기 전에 로그인 해주세요.
