为什么这个带有 jQuery 代码的 Flickr API 不起作用？答案

【问题标题】：Why is this Flickr API with jQuery Code not working?为什么这个带有 jQuery 代码的 Flickr API 不起作用？
【发布时间】：2013-01-31 04:57:40
【问题描述】：

所以我对 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>

为什么这不起作用？

【问题讨论】：

@RoryMcCrossan 谢谢！我修好了。

标签： jquery getjson flickr

【解决方案1】：

您的 HTML 无效：

您不能将div 放在body 之外。
Flicker Api 应该在 <title> 标记内。
您附加到 #images，但 div 名为 #content。

一旦你对这些问题进行了分类，它应该可以工作了：

Updated fiddle

【讨论】：