2014-02-25 5 views
0

사이트에서 Fancybox를 비롯하여 여러 jQuery 스크립트를 사용하고 있습니다. 양식이있는 페이지를 제외하고 모두 작동합니다. 이전에 jQuery와 정적 양식이 충돌하는 것을 본 적이 없습니다. 처음에는 jQuery에 대한 경로라고 생각했지만 동일한 수준의 페이지가 있고 작동하는 페이지와 그렇지 않은 페이지가 있습니다. 당신이 ArtStart 뉴스 레터 Fancybox 클릭하면 this page에 예를 들어 jQuery가 한 페이지에서 작동하는 이유는 무엇입니까?

는 잘 작동하지만 당신이 this page에 같은 일을하면 같은 형태 Fancybox에서 열리지 않습니다 나는 다음과 같은 오류 얻을 :

Fancybox is not a function

일반적으로이 메시지는 jquery.fancybox에 대한 링크가 손상되었거나 충돌이 있음을 나타냅니다. 충돌을 막기 위해 jQuery를 $로 변경했지만 아무런 차이가 없습니다. 또한 모든 페이지는 스크립트 링크에 ​​대해 동일한 내장 코드에서 가져옵니다.

<script> 
     jQuery(document).ready(function() { 
      jQuery(".fancybox").fancybox({ 
      openEffect : 'none', 
      closeEffect : 'none', 
      width  : 600, 
      height  : 800 
      }); 
     }); 
</script> 

내가 어떤 도움이 해결 부탁드립니다 : 여기에

는 Fancybox 코드입니다.

감사

+0

은 콘솔에서 실행해도 괜찮습니다. –

+0

Fancybox는 다른 페이지에서도 잘 작동하고 있습니까? 이 문제는 IE와 같은 특정 브라우저에서 발생합니까? –

+0

크롬에서 테스트되었습니다. 두 페이지에서 모두 잘 작동합니다. 브라우저 캐시를 지우고 다시 시도하십시오 – Raghu

답변

3

당신은 당신의 머리에 jQuery(document).ready의 3 개 인스턴스를,이 (.fancybox 방법은

+1

신속하고 정확한 응답을 보내 주셔서 감사합니다. – fmz

0

예, 당신은 몇 가지 jQuery를 인식하지 받고의 문제를 해결해야 하나 jQuery(document).ready에 모든 스크립트를 이동하려고 문서) .ready. 그리고 그들 중 일부는 $를 명시 적으로 별명을 지정하지만 다른 것은 그렇지 않습니다.

게다가, 어딘가에 코드의 중간에 당신은

<script type="text/javascript" charset="utf-8" src="http://opteracreative.com/~mac/?ACT=10&ui=core,widget,mouse,position,draggable,resizable,button,dialog,datepicker&plugin=markitup,toolbox.expose,overlay,tmpl&file=underscore,cp/date&v=1388434578&use_live_url=y&include_jquery=y"></script> 

내가 세계의 jQuery 객체가 플러그인을로드하지 믿고 다시 jQuery를로드하는, 그러나 다만 당신은 플러그인없이 새 것으로 교체하십시오.

관련 문제