Question

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

为什么这不起作用？

Answer 1

您的HTML无效：

您无法将div置于body之外。
Flicker Api应位于<title>标记内。
您要追加到#images，但div被称为#content。

一旦你对这些问题进行了排序，就应该有效：

Updated fiddle

为什么这个带有jQuery Code的Flickr API不能正常工作？

1 个答案: