ajax - 我可以从 Tumblr API 获取 id 和日期，但不能获取图像 url

Question

我可以从 tumblr json api 获取 id 和日期，但不能获取照片本身 :(

http://jsfiddle.net/82wNq/11/

$.getJSON("http://fuckyeahgirlswithvinylrecords.tumblr.com/api/read/json?callback=?", function (data) {
    $.each(data.posts, function (index, item) {
        $("<div>").html(item.id).appendTo("#content");
        $("<div>").html(item.date).appendTo("#content");
        $("<img>").attr("src", item.photo-url-100).appendTo("#content");
    });
});

Answer 1

属性中不能有破折号。使用括号表示法：

http://jsfiddle.net/ZFZ6R/

$("<img>").attr("src", item['photo-url-100']).appendTo("#content");

Answer 2

更改item.photo-url-100为item['photo-url-100']

Answer 3

如下调用它，

$.getJSON("http://fuckyeahgirlswithvinylrecords.tumblr.com/api/read/json?callback=?", function (data) {
    $.each(data.posts, function (index, item) {
        $("<div>").html(item.id).appendTo("#content");
        $("<div>").html(item.date).appendTo("#content");
        $("<img>").attr("src", item['photo-url-100']).appendTo("#content");
    });
});