javascript 오류 문제때문에 질문드립니다. 채택완료
현재 fancybox 플러그인을 사용중입니다. 비로그인시에는 작동이 잘되는데 반면 관리자 로그인만하면
Uncaught TypeError: $(...).fancybox is not a function(…) 이런 오류가 나옵니다.
오류를 보면 라이브러리를 불러오지 못하는 현상같은데;; 비로그인과 일반 로그인에는 정상 작동합니다.
아래는 적용중인 라이브러리 순서입니다.
* 붉은색이 fancybox 플러그인을 사용할때 필요한 라이브러리 불러오기 소스입니다.(css포함)
<스크립트 내용>
</span></p><p style="word-break: break-all;"><font color="#484848" face="돋움, Dotum, sans-serif"><span style="font-size: 14px;"><script></span></font></p><p style="word-break: break-all;"><font color="#484848" face="돋움, Dotum, sans-serif"><span style="font-size: 14px;">$("#bo_v_con img").addClass('small');</span></font></p><p style="word-break: break-all;"><font color="#484848" face="돋움, Dotum, sans-serif"><span style="font-size: 14px;">$(".view_image").find("img").unwrap("a");</span></font></p><p style="word-break: break-all;"><font color="#484848" face="돋움, Dotum, sans-serif"><span style="font-size: 14px;">$("#bo_v_con img").wrap('<a class="single_1" href="#"></a>');</span></font></p><p style="word-break: break-all;"><font color="#484848" face="돋움, Dotum, sans-serif"><span style="font-size: 14px;"></script></span></font></p><p style="word-break: break-all;"><font color="#484848" face="돋움, Dotum, sans-serif"><span style="font-size: 14px;"><script></span></font></p><p style="word-break: break-all;"><font color="#484848" face="돋움, Dotum, sans-serif"><span style="font-size: 14px;">$(function(){</span></font></p><p style="word-break: break-all;"><font color="#484848" face="돋움, Dotum, sans-serif"><span style="font-size: 14px;"><span class="Apple-tab-span" style="white-space:pre"> </span>var ojnNav = $("img.small");</span></font></p><p style="word-break: break-all;"><font color="#484848" face="돋움, Dotum, sans-serif"><span style="font-size: 14px;">ojnNav.each(function(){ </span></font></p><p style="word-break: break-all;"><font color="#484848" face="돋움, Dotum, sans-serif"><span style="font-size: 14px;">$(this).parent().attr("href", $(this).attr("src"));</span></font></p><p style="word-break: break-all;"><font color="#484848" face="돋움, Dotum, sans-serif"><span style="font-size: 14px;">});</span></font></p><p style="word-break: break-all;"><font color="#484848" face="돋움, Dotum, sans-serif"><span style="font-size: 14px;">});</span></font></p><p style="word-break: break-all;"><font color="#484848" face="돋움, Dotum, sans-serif"><span style="font-size: 14px;"></script></span></font></p><p style="word-break: break-all;"><font color="#484848" face="돋움, Dotum, sans-serif"><span style="font-size: 14px;"><script></span></font></p><p style="word-break: break-all;"><font color="#484848" face="돋움, Dotum, sans-serif"><span style="font-size: 14px;">jQuery(function($){</span></font></p><p style="word-break: break-all;"><font color="#484848" face="돋움, Dotum, sans-serif"><span style="font-size: 14px;"> $(".single_1").fancybox({</span></font></p><p style="word-break: break-all;"><font color="#484848" face="돋움, Dotum, sans-serif"><span style="font-size: 14px;"> helpers: {</span></font></p><p style="word-break: break-all;"><font color="#484848" face="돋움, Dotum, sans-serif"><span style="font-size: 14px;"> title : {</span></font></p><p style="word-break: break-all;"><font color="#484848" face="돋움, Dotum, sans-serif"><span style="font-size: 14px;"> type : 'inline'</span></font></p><p style="word-break: break-all;"><font color="#484848" face="돋움, Dotum, sans-serif"><span style="font-size: 14px;"> }</span></font></p><p style="word-break: break-all;"><font color="#484848" face="돋움, Dotum, sans-serif"><span style="font-size: 14px;"> }</span></font></p><p style="word-break: break-all;"><font color="#484848" face="돋움, Dotum, sans-serif"><span style="font-size: 14px;"> });</span></font></p><p style="word-break: break-all;"><font color="#484848" face="돋움, Dotum, sans-serif"><span style="font-size: 14px;">});</span></font></p><p style="word-break: break-all;"><font color="#484848" face="돋움, Dotum, sans-serif"><span style="font-size: 14px;"></script></span></font></p><p style="word-break: break-all; color: rgb(72, 72, 72); font-family: 돋움, Dotum, sans-serif; font-size: 14.004px;"><span style="font-size: 14px;">
- 해본 것
플러그인을 사용하는 게시판 내부에만 라이브러리 작성
head.sub.php 에 라이브러리 작성 및 라이브러리 버전 변경해보기
스크립트 작성 순서 변경
로그인 페이지를 확인해봤으나, 디자인만 변경한거라 스크립트나 라이브러리 추가등은 하지않았습니다.
답변 1개
보기에는 자바스크립트 클레스 라이브러리 충돌일수 있습니다.
따라서 우선 검토 해보실 부분은
위스크립트를 한번 막아보시고 순수하게 fancybox 플러그인 라이브러리만 한번 선언하고 돌려보시기
권장해보시기 바랍니다. 그런후 문제가 없으면 스크립트 위치를 바꿔보시면 해결이 될거라 생각됩니다.
그리고
/js/jquery.fancybox.pack.js
위치에 정확하게 jquery.fancybox.pack.js 파일이 있는지도 한번 확인해보시기 바랍니다.
작업을 하다보면 실수로 누락될수도 있으니 이부분도 살펴보시기 바랍니다.
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인