2011-08-07 7 views
0

jquery를 처음 사용하기 때문에 매우 쉽다고 확신하기 때문에 사과드립니다. 하루 반을 보내고 이것을 알아 내려고했지만 아직도 어디를 찾지 못했습니다.작동하려면 fancybox를 가져올 수 없습니다.

다른 jquery 스크립트가 실행 중이며 제대로 실행 중입니다. fancyfox를 추가하려고 시도했지만 작동하지 않습니다. 나는 심지어 그것이 작동하도록 할 수 있는지, 그런 행운이 없는지를보기 위해 그것만의 페이지를 만들려고 시도했다. 나는 내가 뭘 잘못하고 있는지 전혀 모른다. 아래 페이지 코드를 붙여 넣었습니다. 어떤 도움이라도 대단히 감사합니다. 또한 dreamweaver를 사용하여 다른 jquery에 대한 .js 파일이 첨부되어 있음을 알 수 있습니다. 어떻게 연결했는지 모르지만 fancybox의 .js 파일은 볼 수 없습니다. 그 라인의 모든

하나의 첫 번째

<!-- The JavaScript --> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>  
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> 

    <script type="text/javascript" src="jquery.easing.1.3.js"></script> 
    <script type="text/javascript" src="/fancybox/jquery.easing-1.4.pack.js"></script> 
    <script type="text/javascript" src="/fancybox/jquery.mousewheel-3.0.4.pack.js"></script> 
    <script type="text/javascript" src="/fancybox/jquery.fancybox-1.3.4.pack.js"></script> 
    <link rel="stylesheet" href="/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" /> 
    <script type="text/javascript"> 
     $(function() { 
      $('ul.nav a').bind('click',function(event){ 
       var $anchor = $(this); 
       /* 
       if you want to use one of the easing effects: 
       $('html, body').stop().animate({ 
        scrollLeft: $($anchor.attr('href')).offset().left 
       }, 1500,'easeInOutExpo'); 
       */ 
       $('html, body').stop().animate({ 
        scrollLeft: $($anchor.attr('href')).offset().left 
       }, 1000); 
       event.preventDefault(); 
      }); 
      $(".fancyimg").fancybox(); 
     }); 
    </script> 
</body> 

+0

스크립트 시작부터 시작합니다. 그 파일들이로드되고 있습니까? 자바 스크립트 오류가 발생하고 있습니까? 사용하는 선택 도구는 ".fancyimg"이며 이는 .fancyimg 클래스를 사용하여 ahref 요소를 찾고 있음을 나타냅니다. 그 요소가 있습니까? –

답변

0

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>  
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> 

필요하고 내가 선 사람들은 JQuery와 lib 디렉토리를 포함하기 때문에 당신이 secend 하나를 제거하기 위해 제안 하지만, 첫 번째 버전에는 마지막 버전이 포함되어 있으며 두 번째 버전에는 1.4 버전이 포함되어 있습니다.

은 "fancybox는"

쓰기이 코드

alert($(".fancyimg").fancybox); 

당신이 정의되지 않았거나 그것을 fancybox 상자가 포함되어 있지 않습니다 있다는 신호 널 경고 경우를로드하는 경우

이제 그 후 볼이 테스트를하려고합니다. 코드 줄이 좋으면 경고합니다. 그리고 문제는 아마도 html css에 포함되어 있지 않거나 fancybox를 올바르게 정의하지 않아야합니다.

관련 문제