2

所以我对 API 真的很陌生,我正在尝试将 jQuery 与我今天在网上看到的教程代码一起使用。我在 jsFiddle 工作:http: //jsfiddle.net/shrimpboyho/Pg5kG/

这是代码:

alert("Using Flickr Api"); 

$.getJSON(
    "http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?", 
    {
        tags: "mount rainier",
        tagmode: "any",
        format: "json"
    },
    function(data) {
        $.each(data.items, function(i,item){
            $("<img/>").attr("src", item.media.m).appendTo("#images");
            if (i == 3) 
                return false;
        });
    });                

这是HTML:

<html>
    <head> Flicker Api</head>
    <div id= "content"></div>
    <body></body>
</html>

为什么这不起作用?

4

1 回答 1

3

您的 HTML 无效:

  • 你不能把a放在div外面body
  • Flicker Api应该在<title>标签内。
  • 你追加到#images,但 div 被称为#content

对这些问题进行排序后,它应该可以工作:

更新的小提琴

于 2013-01-30T20:57:40.767 回答