2014-12-04 7 views
0

이 코드는 실제로 옳은 것처럼 보이고 나는 나를 위해 일하지 않는 것이 확실하지 않은 삶을 살고 있습니다. 나는 플리커 API를 사용하여 사진을 찍어 jquery와 함께 coinslider에 넣습니다. 이미지는 괜찮지 만 coinslider()는 없습니다. // !!!!.coinslider();

하는 index.js

$('document').ready(function(){ 
    $.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?",{tags: "wild",tagmode: "any", format: "json" }, 
     function(data) { 
      $.each(data.items, function(i,item){ 
       console.log(item) 
       $("<img/>").attr({src : item.media.m.replace('_m.','.')}).appendTo("#pics"); 
       if (i == 10) { 
        $('#pics').coinslider(); 
        return false; 
       } 
      }); 
     }); 
}); 

내 주요 파일

page.html

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset=utf-8 /> 
    <title></title> 
    <link href="css/custom.css" rel="stylesheet"> 
    <!--[if IE]> 
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> 
    <![endif]--> 
</head> 
    <p id="pics"> 
    </p> 
<body> 

    <script type="text/javascript" src="js/jquery.js"></script> 
    <script type="text/javascript" src="index.js"></script> 
</body> 
</html> 

오류 : 여기

은 내가 이것에 대한 함께 일하고 있어요 코드입니다 is

Uncaught TypeError: undefined is not a function 
+0

'coinslider'에 js가 포함되어 있는지 확인하십시오. HTML 파일에서 우리는'coinslider'에'js '를 찾지 않습니다. –

답변

0

변경이이에

$('document') 

는 :

$(document) 

당신은 어떤 따옴표 문서 키워드를 감싸 안된다. 난 당신이 js 폴더 참조하고 coinslider JS lib 디렉토리를 포함하지 않은 보는 바와 같이


또한이 경로 문제가 될 수 있으므로 문제는 여기에 있습니다

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

당신을 할 수있다 모든 js 파일을 js 폴더에 넣었으므로 거기에서 참조하지 않습니다.

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

위의 스크립트에서 src를 확인하십시오.

+0

jquery.com에서 플러그인을 다운로드하면 coinslider 메소드 링크가 http://plugins.jquery.com/coin-slider/에 제공됩니다. 내 생각에 coinslider 메소드가 jquery에 포함되어 있다고 생각했습니다. 메서드를 숨기고 내가 그 링크에서 플러그인을 다운로드 한 경우에만 그 방법을 사용할 수 있다는 것을 깨달았습니다. 내 나쁜 –

+0

오! 이제 다운로드하여 페이지에 포함시켜야합니다. 그러면 좋은 결과를 얻으실 수 있습니다. – Jai

+0

나중에 잘 작동하고 행복 해요 –