colorbox의 자바 스크립트 디버깅 문제

Question

최근 구조 및 스타일을 http://washingtongraphic.com/logo-design.html으로 수정하여 colorbox 플러그인이 더 이상 작동하지 않습니다. 각 로고 위로 마우스를 가져 가면 롤아웃시 더 큰 크기로 팝업되고 정상 상태로 돌아갑니다. 또한 클릭하면 색상 상자 창에 나타납니다 ...이 또한 작동하지 않습니다. 스크립트 및 기타 리소스에 대한 모든 링크가 올바른 것으로 나타나지만 어떤 이유로 롤오버에서 스크립트가 실행되지 않고 클릭 할 때 색상 상자 창이 나타나지 않습니다. 기능적 예제 (작동 방법)는 http://washingtongraphic.com/annual-reports.html입니다. 나는 아직 자바 스크립트를 디버깅하는 데 능숙하지 않고 실제로 얻을 수있는 모든 도움을 사용할 수 있습니다. 나는 방화 광을 사용했지만 스크립트가 실패한 곳을 알려주는 방법을 모르겠습니다. 모두에게 미리 감사드립니다. 또한, 나는이 사이트를 작성하지 않았지만 단지는 ... 그 나는 그것을 구축 할 수 없습니다 어떻게 편집하고 (나는 다른 구조의 문제가 여기에있다 알아!)

Answer 1

을 문제가 trialbyfire.js의로드 순서이며, trialbygallery.js.

가 (당신이 그들을 로고 디자인 페이지에 반전이)가이 순서로로드하고 있는지 확인하십시오

Uncaught TypeError: Object #<Object> has no method 'scrollable' on trialbyfire.js:89 : 또한

<script src="js/trialbygallery.js" type="text/javascript"></script> 
<script src="js/trialbyfire.js" type="text/javascript"></script> 

,이 오류를 해결하기 위해, 당신은 두 가지 선택이

1. 제거 :

   // 마우스 휠 // DOM 준비가되면 스크립트를 실행합니다. 이것은 좋은 습관입니다 $ (함수() {

   // initialize scrollable with mousewheel support 
   $(".scrollable").scrollable({ vertical: true, mousewheel: true }); 
   

   });

2. '스크롤 가능'종속성을 수정했습니다. 플러그인이로드되어야하지만 그렇지 않은 것 같습니다.