Fancybox는 jQuery를 탭 작동하지

Question

나는 Fancybox는 해양 탐사 사진 갤러리 아래로 스크롤, 여기에 내 사이트, 예를 들어 작업이 : 나는 페이지의 테스트 버전의 jQuery 탭을 추가 한

http://www.sea.edu/academics/oe

을 , 그 작동,하지만 지금은 FancyBox 탭 중 하나에서 작동하지 않습니다. 클릭 한 이미지가 새 창에서 열립니다. 나는 FancyBox 함수가 탭에서 활성화되지 않는다고 생각하지만이를 고치는 방법을 알 수 없습니다. 나는 "_testing을 변경했습니다

<script type="text/javascript"> 
    $(document).ready(function() { 
    $("a[rel=fancygallery]").fancybox({ 
      'transitionIn'  : 'none', 
      'transitionOut'  : 'none', 
      'titlePosition'  : 'over', 
      'titleFormat'  : function(title, currentArray, currentIndex, currentOpts) { 
       return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + '/' + currentArray.length + (title.length ? ' &nbsp; ' + title : '') + '</span>'; 
      } 
     }); 

    }); 
</script> 

:

여기 http://www.sea.edu/academics/oe_testing

다른 페이지에서 작동하는 기능입니다 : 사진 갤러리 탭에서 갤러리로, 비 작업 페이지의 예를 참조하십시오 "페이지를 사용하여 문제를 수정하지 않은 다른 버전의 jQuery 라이브러리에 대한 참조를 제거하십시오. 주위를 검색 한 후, 나는 여전히 행운을 바꾸려고 시도했다 :

<script type="text/javascript"> 
    $("#OEtabs-3").each(function() { 
    $("a[rel=fancygallery]").fancybox({ 
      'transitionIn'  : 'none', 
      'transitionOut'  : 'none', 
      'titlePosition'  : 'over', 
      'titleFormat'  : function(title, currentArray, currentIndex, currentOpts) { 
       return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + '/' + currentArray.length + (title.length ? ' &nbsp; ' + title : '') + '</span>'; 
      } 
     }); 

    }); 
</script> 

대단히 감사합니다.

Answer 1

당신은 fancybox 1.3.4에 의해 사용되지 않는 jQuery.browser의 MSIE 속성에 문제가 그래서 새 fancybox 2를 사용 jQuery 1.8.3로 다운 그레이드 이상 필요 (또한 Error jquery-ui draggable Cannot read property 'msie' 참조) (그러나 여기 비영리 라이센스 인식) . http://jsfiddle.net/JUtz2/ 여기 jQuery 1.9.1 및 fancybox 2.1.4와 버전 :

작은 여기 jQuery 1.8.3 및 fancybox 1.3.4와 데모를 참조하십시오 http://jsfiddle.net/M9jUm/1/