flicker api jquery方法的问题.coinslider();

时间:2014-12-04 08:41:47

标签: jquery api flickr

嘿伙计这个代码似乎真的是对的,我只是为了我的生活,不知道它对我不起作用。我正在使用flickr api取下一些照片并将它们放入带有jquery的coinlider中。图像很好,但没有coinlider(); // !!!!

这是我正在使用的代码:

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>

错误是

Uncaught TypeError: undefined is not a function

1 个答案:

答案 0 :(得分:0)

改变这个:

$('document')

到此:

$(document)

您不应该使用任何引号包装document关键字。


它也可能是一个路径问题,因为我看到你引用了js文件夹而且你没有包含coinlider js lib,所以问题可能在这里:

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

您可能已将所有js文件放在js文件夹中,并且您没有从那里引用它们。

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

检查上面脚本中的src。